Sjabloon:Wordpress:themes:menu
Beschrijving
Het beheren van niet standaard menu's in responsive theme Om gebruik te kunnen maken van get_nav_menu_locations en wp get nav menu items is ht nodig eerst een menu in Wordpress aan te maken
Handleiding
- Login
- Ga naar Weergave->Menu's
- Voer achter menunaam de naam van het menu in
- Vink bij Thema locaties Bovenste Menu aan (is afhankelijk waar het menu moet komen)
- Klik onder Pagina's op het tabblad Toon alles
- Vink de menu keuzes aan
- Klik op Aan menu toevoegen
- Klik op Menu opslaan
- Start de FTP sessie
- Open wp-content->themes->responsive of responsive-childtheme-master->header.php
- Vervang
<div id="header">
<?php responsive_header_top(); // before header content hook ?>
<?php if ( has_nav_menu( 'top-menu', 'responsive' ) ) {
wp_nav_menu( array(
'container' => '',
'fallback_cb' => false,
'menu_class' => 'top-menu',
'theme_location' => 'top-menu'
) );
} ?>
<?php responsive_in_header(); // header hook ?>
<?php if ( get_header_image() != '' ) : ?>
<div id="logo">
<a href="<?php echo home_url( '/' ); ?>"><img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php bloginfo( 'name' ); ?>"/></a>
</div><!-- end of #logo -->
<?php endif; // header image was removed ?>
<?php if ( !get_header_image() ) : ?>
<div id="logo">
<span class="site-name"><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
<span class="site-description"><?php bloginfo( 'description' ); ?></span>
</div><!-- end of #logo -->
<?php endif; // header image was removed (again) ?>
<?php get_sidebar( 'top' ); ?>
<?php wp_nav_menu( array(
'container' => 'div',
'container_class' => 'main-nav',
'fallback_cb' => 'responsive_fallback_menu',
'theme_location' => 'header-menu'
) ); ?>
<?php if ( has_nav_menu( 'sub-header-menu', 'responsive' ) ) {
wp_nav_menu( array(
'container' => '',
'menu_class' => 'sub-header-menu',
'theme_location' => 'sub-header-menu'
) );
} ?>
<?php responsive_header_bottom(); // after header content hook ?>
</div><!-- end of #header -->
- door het volgende
<div id="header">
<?php
$menu_name = 'top-menu';
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
$menuitems = wp_get_nav_menu_items( $menu->term_id, array( 'order' => 'DESC' ) );
echo '<div class="kars-menu main-nav" style="display:inline-block;position:relative;top:0px;left:5px">';
echo '<ul class="menu">';
$kars_count=1;
foreach($menuitems as $item){
echo '<li class="page_item page-item-'.$item->object_id.'" ><a href="'.$item->url.'" class="kars-menu-'.$kars_count.'" title='.$item->title.'>'.$item->title.'</a></li>';
$kars_count++;
}
echo '</ul></div>';
?>
</div><!-- end of #header -->