Creating a Page Menu

  • Resolved columbo

    (@columbo)


    15 years, 9 months 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 https://www.losestomachfat.net/ or this https://gettingbackex.com/

    here’s my site https://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

Viewing 8 replies - 1 through 8 (of 8 total)

  • 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;
}
    Thread Starter columbo

    (@columbo)

    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

    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;
}
    Thread Starter columbo

    (@columbo)

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

    but where’s my css?

    Thread Starter columbo

    (@columbo)

    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?

    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.

    Thread Starter columbo

    (@columbo)

    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

    Thread Starter columbo

    (@columbo)

    hi mate, i wanna thank you – got the stuff done. check it out https://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?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Creating a Page Menu’ is closed to new replies.