talen: Engels • menu ‘ s sloven Slovenčina • 中文(简体) • (voeg uw taal toe)
navigatiemenu is een Themafunctie geïntroduceerd met Versie 3.0. WordPress bevat een eenvoudig te gebruiken mechanisme voor de invoering van aangepaste navigatie menu ‘ s in een thema te gebruiken. Om menu Ondersteuning op te nemen in uw thema, je nodig hebt om een paar code segmenten toe te voegen aan uw thema bestanden.
Functie
| Registreren Navigatie Menu | Toon Navigatie Menu |
|---|
Registreren Menu ‘s
ten Eerste, in uw thema’ s functies.php, je moet een functie schrijven om de namen van je menu ‘ s te registreren. (Dit is hoe ze zullen verschijnen in het uiterlijk – > menu ‘ s admin scherm.) Als voorbeeld zou dit menu in het vak “Themalocaties” verschijnen als “Header Menu”.
function register_my_menu() { register_nav_menu('header-menu',__( 'Header Menu' ));}add_action( 'init', 'register_my_menu' );
en dit zou twee menu-opties verschijnen, header menu en extra menu –
function register_my_menus() { register_nav_menus( array( 'header-menu' => __( 'Header Menu' ), 'extra-menu' => __( 'Extra Menu' ) ) );}add_action( 'init', 'register_my_menus' );
Display menu ‘ s on Theme
zodra u dat gedaan hebt, zal uw thema bijna klaar zijn. De laatste voorbereidingsstap is om het thema te vertellen waar u de menu ‘ s wilt laten zien. U doet dit in het betreffende themabestand. Dus, bijvoorbeeld, we zouden kunnen willen dat onze header menu in header.php. Dus open dat bestand in de thema-editor, en beslissen waar u wilt uw menu te zetten. De code die we hier gebruiken is wp_nav_menu die we één keer nodig hebben voor elke menulocatie. Dus, voeg deze code toe –
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
alles wat je nodig hebt om ervoor te zorgen is dat de theme_locatie verwijst naar de naam die je hebt opgegeven voor je menu in de functies.php code hierboven. (Merk op dat het de header-menu wordt gebruikt hier in plaats van Header Menu zonder een koppelteken. Header-menu is de naam die de code begrijpt, Header Menu is de voor mensen leesbare versie die je ziet in de admin pagina.)
om de code te voltooien, kunt u uw extra menu ergens anders plaatsen. Misschien wilt u een menu op een van uw pagina ‘ s, bijvoorbeeld, en u zou zelfs willen dat het een beetje wordt opgefleurd met een Div van een bepaalde klasse –
wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'my_extra_menu_class' ) );
zodat u het bovenstaande in uw paginasjabloon zou plaatsen, en niet alleen zou het menu verschijnen waar u het plaatst, het zou worden opgemaakt als mijn_extra_menu_class zodat u kunt werken met dat in CSS.
Menus Paneel
dat is al het achtergrondwerk. Om af te ronden, bezoekt u het paneel Appearance -> menu ‘ s in uw sitebeheerder. Nu, in plaats van het zien van een aantal tekst suggereert dat uw thema niet native ondersteuning menu ‘ s, zie je een aantal thema Locatie-opties.
u kunt nu gebruik maken van de GUI Menu Maker op dit admin panel om uw menu(s) samen te stellen. Geef ze elk een naam en wijs vervolgens een menu toe aan een locatie met de pull-down opties.
(u zult uw nieuwe navigatiekeuzes zien wanneer u een nieuw Menu toevoegt.)
externe bronnen
- Vaarwel, hoofdpijn. Hallo, menu ‘ s! – Redelijke tutorial van Justin Tadlock, die heeft meer informatie over de beschikbare opties
- WordPress Navigatie Menu Generator
Gerelateerde
Navigatie Menu
- register_nav_menus()
- register_nav_menu()
- unregister_nav_menu()
- has_nav_menu()
- wp_nav_menu()
- wp_get_nav_menu_items()
Thema-Ondersteuning: add_theme_support(), remove_theme_support(), current_theme_supports()
Thema-Functies: zijbalk, menu’ s, post-formaten, titel-tag, aangepaste achtergrond, aangepaste-header, aangepast-logo, post-miniaturen, automatische-feed-links, html5, editor-stijl, content_width