StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>If you're using/creating a custom theme or don't mind extending the one you're using, you could explicitly specify which page names or ids you want to be in the menu by editing the links. In my custom theme I just went in and destroyed the dynamically-generated links, replacing them with my own.</p> <p>I chose to do this in one of my own projects because I wanted to be able to have a lot of non-navigation pages without having to keep adding to exclude_pages.</p> <p>EDIT (to be more specific):</p> <p>Navigation in the default theme (wp-content/themes/twentyten) is in the header.php file and looks like this:</p> <pre><code><div id="access" role="navigation"> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?> <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?> </div> </code></pre> <p>If you view-source on the page this generates in a default WordPress install, it becomes the following html:</p> <pre><code><div id="access" role="navigation"> <div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div> <div class="menu"> <ul> <li class="current_page_item"><a href="http://YOURSITE.COM/" title="Home">Home</a></li> <li class="page_item page-item-2"><a href="http://YOURSITE.COM?page_id=2" title="About">About</a></li> </ul> </div> </div> </code></pre> <p>So, as you can see, if you wanted to customize the navigation you would just remove that wp_nav_menu line and replace it with the appropriate html. Say you want your navigation to go to the Home, Cool Stuff and About Us pages. That could accomplished with the following code in header.php:</p> <pre><code><div id="access" role="navigation"> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?> <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div> <?php /* Our CUSTOM navigation menu. */ ?> <div class="menu"> <ul> <li class="<?php if (!is_paged() && is_home()) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>" title="Home">Home</a></li> <li class="<?php if (is_page('cool-stuff')) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>/cool-stuff" title="Cool Stuff">Cool Stuff</a></li> <li class="<?php if (is_page('about-us')) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php bloginfo('url'); ?>/about-us" title="About Us">About Us</a></li> </ul> </div> </div> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload