Create the Horizontal page Menus in Wordpress theme

Create Horizontal page Menus in WordPress theme

Many people are new in development of wordpress theme. They are searching for how to Create the Horizontal page Menus in WordPress theme. Here is code for creating the Horizontal page Menus in WordPress theme.

Create Horizontal page Menus in WordPress theme

Here I am going to show the simple technique of creating the horizontal page menu with wordpressapi.

Just create pages in wordpress first. Add following lines to your header.php file where you want to show the page menu.

view source
print?
01navmenu">
02<ul>
03 
04<ul>
05 
06<ul>
07    <li>php echo get_settings('home'); ?>">HOME</li>
08</ul>
09 
10</ul>
11 
12<!--?<span class="hiddenSpellError" pre="" data-mce-bogus="1"-->php wp_page_menu(); ?>
13</ul>
14</div>

Add folliowing lines in your style.css file.

view source
print?
1#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
2#navmenu li {display: inline; }
3#navmenu ul li a {text-decoration:none;  margin: 4px; padding: 5px 20px 5px 20px; color: blue; background: pink;}
4#navmenu ul li a:hover {color: purple; background: yellow; }
Horizontal page Menus in WordPress
Create Horizontal page Menus in WordPress theme

 

That sit!

Published by

Sneha Shinde

Sneha is web designer and She is having expertise in HTML, CSS3 and web 2.0. She is having 2 years of experience in Web Designing and Website Development.

Leave a Reply

Your email address will not be published.