WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Creating a Page Menu (9 posts)

  1. columbo
    Member
    Posted 5 years ago #

    hello, i'm using wordpress for the first time and would like to know how to create a table of content - something like this http://www.losestomachfat.net/ or this http://gettingbackex.com/

    here's my site http://www.escocolumbo.org

    i've created 3 pages for them, but how do i display them horizontally as a menu?

    also, is it possible to have postings on them? for example, one of the pages is 'tvshows'. would it be possible to have blog posting on tv shows only on that page, you know, to keep theings organised?

    how would i go about doing this bearing in mind that i don't know much about html editing

    thanks

  2. nazcar
    Member
    Posted 5 years ago #

    thru css and addng few codes on your header.php

    <div id="menu">
            <ul>
                <li><a href="<?php echo get_option('home'); ?>/">Home</a></li><?php wp_list_pages('title_li='); ?>
            </ul>
        </div>

    then define it on your css..

    #menu {
    
    	height:25px;
    	text-align:left;
    	padding:0;
    	margin:0;
    }
    
    #menu ul {
    	padding-top:1px
    }
    
    #menu ul li {
    	margin:0;
    	display:inline;
    	padding:11px 11px 0 2px;
    }
    
    #menu ul li a{
    	color:#00ffff;
    	font-size:18px;
    	text-decoration:none;
    	background:none;
    }
    
    #menu ul li a:hover{
    	color:#ffff00;
    	font-size:18px;
    	text-decoration:none;
    	background:none;
    }
  3. columbo
    Member
    Posted 5 years ago #

    okay, let's take this slowly.

    the menus i want to add are 'tvshows', 'movies', and 'articles'.

    so, on wordpress i should go onto 'appearances'-'editor' and then 'header'?

    where do i insert the code? i c a bunch of coding and i'm not sure where to put what you've posted

  4. nazcar
    Member
    Posted 5 years ago #

    before editing the files make sure you back up the files you are editing.
    yes, Appearances, then editor then select header:

    the first code will be inserted on your header.php..

    put this above the <div class=content"> or above <hr/> code if you are planning to insert it on the default theme: lets call that style class as menu

    <div id="menu">
            <ul>
                <li><a href="<?php echo get_option('home'); ?>/">Home</a></li><?php wp_list_pages('title_li='); ?>
            </ul>
        </div>

    then save your header.php, make sure it is writable..

    then select syle.css..

    and add this entry:

    #menu {
    
    	height:25px;
    	text-align:left;
    	padding:0;
    	margin:0;
    }
    
    #menu ul {
    	padding-top:1px
    }
    
    #menu ul li {
    	margin:0;
    	display:inline;
    	padding:11px 11px 0 2px;
    }
    
    #menu ul li a{
    	color:#00ffff;
    	font-size:18px;
    	text-decoration:none;
    	background:none;
    }
    
    #menu ul li a:hover{
    	color:#ffff00;
    	font-size:18px;
    	text-decoration:none;
    	background:none;
    }
  5. columbo
    Member
    Posted 5 years ago #

    okay, i figured out where to add the header codes...

    but where's my css?

  6. columbo
    Member
    Posted 5 years ago #

    excuse my last post, i got too excisted and wrote something without refreshing the page

    i got the first part done - the header section

    where do i add the entry on the css style? should i delete everything that's on there and just past the above code?

  7. nazcar
    Member
    Posted 5 years ago #

    no..
    its called style sheet. style.css

    do not delete the existing codes on it just add the code i posted above for css, add it at the bottom part.

  8. columbo
    Member
    Posted 5 years ago #

    oops! i just messed up my profile. i deleted the existing coding, and then tried to install the dafault wordpress style and got a blank page

    when tried going into other navigation field i got the same blank page. so then i thought it'd be smart to delete the wordpress script and reinstall it on my hosting account and i'm getting the same blank page when i try to access my site

    i've deleted the script again and i'm gonna give it an hour or so before reinstalling it again. hopefully this should work and i'll be able to add the coding as you suggested

    i hope letting some time go by will allow me to install the script to function again

  9. columbo
    Member
    Posted 5 years ago #

    hi mate, i wanna thank you - got the stuff done. check it out http://www.escocolumbo.org

    i'm gonna use a different template later on - just testing things for now

    when i make posts, will i be able to set what pages they are in? i want posts on movies to be in the movies page. how can i do this?

Topic Closed

This topic has been closed to new replies.

About this Topic