De anatomie van een WordPress menu<\/h2>\n
Eenvoudig gezegd is een WordPress menu in feite een verzameling links (dit geldt ook voor dropdownmenu’s<\/a>). Het is een vrij eenvoudig stuk functionaliteit, maar desalniettemin \u00e9\u00e9n van de belangrijkste onderdelen van de “ruggengraat” van je website.<\/p>\n In het volgende hoofdstuk zullen we precies kijken op welke plekken op een website je menu’s kan vinden. Voor nu is het vooral belangrijk om te weten dat ze in principe overal passen waar je ze zou willen hebben. Het zou kunnen dat je slechts enkele voorgeselecteerde opties hebt (op basis van je gebieden voor widgets). Maar technisch gezien kan een menu overal geplaatst worden waar je het hebben wil.<\/p>\n Uiteraard is een WordPress menu erg belangrijk in het navigeren op een website. Als je een helder en overzichtelijk navigatie-menu hebt, zullen gebruikers makkelijker hun weg vinden op je website, waardoor je\u00a0bounceprecentage<\/a> lager blijft.<\/p>\n Er is ook nog een ander doel: je menu’s helpen bij je Search Engine Optimization (SEO)<\/a>. Het optimaliseren van een WordPress menu voor SEO gaat meer om wat je weglaat uit het menu dan over wat je erin zet. Om te beginnen kan je het beste de bijzondere visuals achterwege laten, zoals een tagcloud, en het aantal links proberen te minimaliseren.<\/p>\n Alhoewel Google je tot wel 250 links op een pagina laat zetten, is het belangrijk om de “waarde van links<\/a>” zo hoog mogelijk te houden. Daarom is het beperken van het aantal externe links op de lange termijn de beste strategie.<\/p>\n\n Zoals je wellicht al door hebt, kan je op basis van je specifieke wensen kiezen voor verschillende soorten WordPress menu’s.<\/p>\n Headermenu’s zijn bijvoorbeeld veelgebruikte opties omdat ze een duidelijke primaire sitenavigatie<\/a> bieden. Je ziet ook vaak nog kleinere menu’s boven deze hoofdnavigatie, omdat dit een goede plek is voor socialemediasymbolen, zoekbalken en meer van dat soort dingen.<\/p>\n De website van SAU\/CAL, een partner van Kinsta<\/a>, heeft een “fly-in” menu met navigatie en links naar sociale media:<\/p>\n Dit menu laat zien dat er meer toepassingen voor een WordPress menu kunnen zijn dan alleen de navigatie. Met behulp van de ingebouwde functionaliteit van WordPress (daarover zometeen meer), kan je een menu voor elke denkbare toepassing maken.<\/p>\n Bijna net zo populair als een headernavigatie, is een menu in de footer. Dit gebied wordt meestal gebruikt om de primaire navigatie te herhalen voor bezoekers die helemaal tot onderaan de pagina zijn gescrold. Daarnaast is het overigens ook een goede plek voor meer context-gerelateerde links voor je producten en diensten:<\/p>\n Je ziet vaak ook menu’s in zijbalken, als een website een zijbalk heeft:<\/p>\n Alhoewel je hier zelden de primaire navigatie ziet, is het wel een bekende plek voor sociale links<\/a>, archieven met blogartikelen en dergelijke.<\/p>\n Het maken van een WordPress menu is vrij eenvoudig, ook als je een complete beginner bent. Er zijn drie voornaamste manieren om dit te regelen: de ingebouwde functionaliteit van WordPress gebruiken; een plugin gebruiken, of zelf aan de slag met programmeren.<\/p>\n We zullen je laten zien hoe je een WordPress menu kan maken met alle drie de manieren.<\/p>\n WordPress heeft ingebouwde tools waarmee je een menu kan maken Het speciale scherm in de WordPress admin zal de meeste mensen bekend voorkomen.<\/p>\n Uiteraard biedt het gebruik van de standaardfunctie om je WordPress menu te maken diverse voordelen. Allereerst heb je automatisch volledige compatibiliteit met je website. Daarnaast kan je de menu’s bouwen met een interface en ingebouwde tools die je al kent.<\/p>\n Voor deze aanpak ga je eerst naar de pagina\u00a0Appearance > Menus<\/strong>\u00a0binnen WordPress:<\/p>\n Dit scherm is verdeeld in verschillende onderdelen. Bovenaan zie je de optie om een bestaand menu te selecteren, of een nieuw menu te maken:<\/p>\n Als je inderdaad een nieuw menu wil maken, geef je het een naam en ga je naar Menu Settings<\/strong>:<\/p>\n Hier zijn allerlei selectievakjes te vinden, maar er zijn vooral twee belangrijke keuzes die je hier moet maken:<\/p>\n Nadat je klaar bent klik je op de knop Create Menu<\/strong>. Het scherm zal verversen, en je zal naar je nieuwe menu gaan. Nu kan je aan de linkerkant van het scherm kijken:<\/p>\n Op dit scherm staan alle artikelen, pagina’s, taxonomie\u00ebn en andere linkbare bestanden op je website. Je kan je menu opbouwen door de gewenste items aan te vinken, en vervolgens op de knop Add to Menu<\/strong> te klikken.<\/p>\n Hierdoor zullen ze naar de hoofdsectie van het scherm Menus<\/strong> gaan:<\/p>\n Hier kan je menu-items naar de gewenste plaats verslepen. Als je op het pijltje naast een item klikt, kan je ook een label voor het menu-item instellen of het item verwijderen:<\/p>\n Nadat je op Save Menu<\/strong> hebt geklikt, ben je al helemaal klaar. Als je het menu Screen Options bovenaan de pagina uitklapt, krijg je echter nog veel meer mogelijkheden voor je WordPress menu:<\/p>\n De groep Screen elements<\/strong>\u00a0toont meta-vakjes voor het menu in de linkerzijbalk. De groep\u00a0Show advanced menu properties<\/strong>\u00a0toont linkdoelen, omschrijvingen en CSS classes voor items in de lijst.<\/p>\n Er is nog een aspect van het scherm Menus<\/strong> dat belangrijk is. Het vak Custom Links<\/strong> maakt het mogelijk om een willekeurige link toe te voegen, dus geen vooraf gedefinieerde pagina op je site:<\/p>\n Met deze optie kan je links naar social media aan je WordPress menu toevoegen. Het platform haalt dan zelf het juiste pictogram op, op basis van de gekozen website, waardoor je de optie hebt om nette logo’s in je menu te zetten.<\/p>\n De handigste oplossing om meer functionaliteit toe te voegen aan WordPress is altijd via plugins<\/a>. In het vorige onderdeel hebben we al laten zien dat je met de ingebouwde optie van WordPress al eigenlijk alle belangrijke dingen kan regelen, maar plugins breiden de functionaliteit aanzienlijk uit.<\/p>\n Het is altijd wel de vraag of je een extra, speciale plugin nodig hebt, puur om een specifiek WordPress menu te maken, maar je kan verschillende goede redenen hebben om dit toch te doen. Om te beginnen kan je zo een menu maken in een stijl die niet in de standaardopties te vinden is. Specifieke responsive ontwerpen, “mega menu’s” en meer belangrijke opties zijn alleen maar te implementeren via plugins.<\/p>\n Daarnaast kan je meestal een menu bouwen via een specifieke editor en kiezen uit een aantal handige templates. In combinatie met de uitgebreide opties tot personalisatie, heb je zo een “no-code” oplossing om een WordPress menu te maken die perfect bij je website past.<\/p>\n Ter illustratie, de\u00a0Max Mega Menu<\/a>\u00a0plugin biedt weinig verrassingen in de extra functies die de plugin biedt:<\/p>\n Nadat je de plugin hebt ge\u00efnstalleerd en geactiveerd<\/a>, kan je een nieuw scherm van Mega Menu<\/strong> vinden in WordPress:<\/p>\n Als je naar het scherm Menu Locations<\/strong> gaat, zie je dat er nog veel meer mogelijkheden voor aanpassingen zijn:<\/p>\n Je kan er ook voor kiezen om een thema te kiezen voor je menu en dit verder aan te passen, met behulp van de beste paginabuilders die je momenteel kan vinden:<\/p>\n We zouden hier het hele artikel mee kunnen vullen, maar dan zouden we onszelf herhalen. Lees dus voor meer informatie eens ons artikel over WordPress menuplugins<\/a>. Daar leggen we uitgebreid uit hoe je de beste plugin kan kiezen \u00e9n gebruiken.<\/p>\n Het programmeren van je eigen WordPress menu is een betrouwbare manier om je perfecte menu te maken, als je dat aandurft tenminste (of een ervaren developer bent en een nieuw WordPress thema maakt). Je gaat natuurlijk niet elke dag je code-editor erbij pakken om een nieuw menu te maken. Daarvoor kan je immers beter de standaard WordPress tools of een plugin gebruiken.<\/p>\n Maar als je graag thema’s wil gaan ontwikkelen, is het kunnen bouwen van een WordPress menu een belangrijke voorvereiste. Hiervoor heb je vier onderdelen<\/a> nodig:<\/p>\n Voordat we beginnen: we nemen hierbij aan dat je overweg kan met een code-editor<\/a>, dat je in een developmentomgeving<\/a> kan werken, en dat de benodigde vaardigheden aanwezig<\/a> zijn. Als je nog geen thema hebt om mee te werken, dan kan je \u00e9\u00e9n van de standaardopties van WordPress kiezen, of juist \u00e9\u00e9n kiezen uit onze lijst met snelste WordPress thema’s<\/a>.<\/p>\n Als je dit allemaal klaar hebt staan, kan je het bestand functions.php<\/strong> van je thema openen. Let op dat dit iets anders is dan het algemene WordPress bestand met dezelfde naam. In dit bestand moet je je menu registreren. Oftewel, je moet WordPress vertellen wat er weergegeven moet worden op de pagina\u00a0Appearance > Menus<\/strong>. Om dit te doen, gebruik je de register_nav_menus()<\/a>\u00a0functie:<\/p>\n Deze code geeft aan dat het tabblad\u00a0Manage Locations<\/strong>\u00a0binnen WordPress twee menu’s moet tonen:\u00a0Header Menu<\/strong>\u00a0en\u00a0Other Menu<\/strong>:<\/p>\n Vervolgens moet je je menu tonen via de wp_nav_menu()<\/a>\u00a0functie. Je moet dit toevoegen aan het templatebestand op de plek waar je het menu wil tonen. In ons geval is dat de header, dus voegen we de volgende code toe aan het header.php<\/strong> bestand van ons thema:<\/p>\n Het zou kunnen dat deze code binnen een Je kan vanaf nu hetzelfde doen met het menu in WordPress wat je met de standaardmenu’s kan. Maar je kan er ook voor kiezen om extra content toe te voegen aan je menu-items. Zo kan je bijvoorbeeld de array uitbreiden om ook HTML tags op te nemen die getoond worden bij de output:<\/p>\n Als laatste moet je nog een callback defini\u00ebren. Standaard toont WordPress een gevuld standaardmenu, wanneer het gespecificeerde menu niet gevonden kan worden. Wanneer er geen speciaal menu is geselecteerd, zal WordPress een menu van pagina’s tonen. Als je dat liever niet hebt, kan je een andere parameter instellen voor het Nadat je begrijpt hoe je een WordPress menu kan maken, kan je beginnen om de functionaliteit te verbeteren en uit te breiden. In het laatste deel zullen we daarnaar kijken, om een eigen menu-metabox in WordPress te maken.<\/p>\n\n Dit onderdeel gaat over een bewerking voor gevorderde gebruikers, dus eerst de aannames die we hierbij doen:<\/p>\n Het gaat wat te ver voor dit artikel, maar je kan de\u00a0WordPress Plugin Boilerplate Generator<\/a>\u00a0gebruiken om een nieuw, gestandaardiseerde template voor plugins te maken.<\/p>\n Wanneer je er klaar voor bent, kan je de plugin maken en uploaden naar WordPress:<\/p>\n Vervolgens ga je naar de map van de plugin en open je het hoofdbestand. Daar voeg je onderstaande code toe:<\/p>\n De WordPress\u00a0add_meta_box()<\/a>\u00a0functie zal een metabox registreren in het WordPress admin-gebied. Er zijn enkele arguments die je hierbij kan gebruiken, die je verder kan vinden in de offici\u00eble documentatie. We kunnen ook het\u00a0nav_menu_meta_box_object()<\/a>\u00a0filter gebruiken aangezien er geen action in het bestand\u00a0nav-menus.php<\/strong>\u00a0zit waar we aan kunnen hooken. Dit statement bepaalt of een functie een meta box van een menu-item toevoegt voor een objecttype. Wanneer het filter uitgevoerd wordt, registreert Vervolgens kunnen we een callback functie defini\u00ebren om de HTML content voor de meta box aan te maken:<\/p>\n De globale variabele onthoudt het huidige menu ID, terwijl Nu moeten we het actieve tabblad in de custom meta box bepalen. Dit doen we door de waarde van We gebruiken hier twee tabbladen, maar je kan er zoveel toevoegen als je nodig hebt:<\/p>\n De volgende regel haalt alle gebruikers op die writing-rechten hebben en voegt allerlei eigenschappen toe aan het object Hier stuurt Ook zal de Je kan nu de markup van de metabox tonen. Om dat te doen, stellen we eerst de labels en links van de tabbladen samen.<\/p>\n Onthoud dat je de juiste class namen, ID’s en data eigenschappen moet toewijzen aan de elementen van de metabox, anders zal het menu niet zo werken als je zou verwachten.<\/p>\n Zowel de functie We hebben nu een metabox met gedefinieerde tabbladen:<\/p>\n De volgende stap is het toevoegen van de HTML content aan de tabblad.<\/p>\n Je kan hiervoor de code in het vorige onderdeel volgen in de\u00a0 Deze code zorgt er in feite voor dat elk tabblad een lijst met selectievakjes bevat. De walk_nav_menu_tree()<\/a>\u00a0functie toont een lijst met drie argumenten:\u00a0 De array Nu hoeven we de boel alleen nog maar af te ronden.<\/p>\n De custom meta box is bijna klaar, maar we moeten nog wel een knop Submit<\/strong> toevoegen, en een icoon die aangeeft dat de pagina aan het laden is.<\/p>\n Hier een stukje code die je direct na het vorige deel kan toevoegen:<\/p>\n Met deze kennis kan je bijna elke denkbare functie toevoegen aan je menu’s. Er is ook een publieke Gist<\/a> van de plugin op GitHub, die je gratis kan downloaden.<\/p>\n Een WordPress menu is een belangrijk onderdeel van je website. Daarom biedt het platform een krachtige ingebouwde manier om je menu precies zo te maken als je het wil hebben. Maar je krijgt daar niet elke denkbare mogelijkheid bij.<\/p>\n![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-menu.png\")
De verschillende soorten structuur van een WordPress menu<\/h2>\n
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/fly-in-menu.png\")
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/kinsta-footer-menu.png\")
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/sidebar-navigation.png\")
Zo maak je een custom WordPress menu (3 manieren)<\/h2>\n
1. De ingebouwde functionaliteit van WordPress gebruiken om een menu te maken<\/h3>\n
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/The-WordPress-Menu-Screen.png\")
<\/a>![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menus-page.png\")
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/create-new-wordpress-menu.png\")
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-settings.png\")
\n
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-menu-assets.png\")
![\"Slepen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-drag-and-drop.png\")
![\"Uitklappen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-item-expand.png\")
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/screen-options.png\")
![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/custom-links-box.png\")
2. Gebruik een plugin om een custom WordPress menu te maken<\/h3>\n
![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/max-mega-menu.png\")
![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/mega-menu-panel.png\")
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/mega-menu-locations.png\")
![\"Het](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-themes.png\")
3. Schrijf code om een eigen WordPress menu te maken<\/h3>\n
\n
function register_my_menus() {\n register_nav_menus(\n array(\n 'header' => __( 'Header Menu' ),\n 'other' => __( 'Other Menu' )\n )\n );\n }\n add_action( 'init', 'register_my_menus' );\n<\/code><\/pre>\n![\"Registreren](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/register-menus.png\")
wp_nav_menu( array( 'theme_location' => 'header' ) );\n<\/code><\/pre>\nif<\/code> statement staat, naast een aantal andere menu’s, dus volg vooral de conventies die al in het bestand staan.<\/p>\nwp_nav_menu(\n array(\n 'menu' => 'primary',\n 'link_before' => '',\n 'link_after' => '',\n )\n);\n<\/code><\/pre>\ntheme-location<\/code> argument, en een fallback_cb<\/code> argument toevoegen.<\/p>\nwp_nav_menu(\n array(\n 'menu' => 'primary',\n \/\/ do not fall back to first non-empty menu\n 'theme_location' => '__no_such_location',\n \/\/ do not fall back to wp_page_menu()\n 'fallback_cb' => false\n )\n);\n<\/code><\/pre>\nZo verbeter je een WordPress menu<\/h2>\n
\n
![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/plugin-boilerplate-generator.png\")
![\"Een](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/install-plugin.png\")
\/**\n * Add menu meta box\n *\n * @param object $object The meta box object\n * @link https:\/\/developer.wordpress.org\/reference\/functions\/add_meta_box\/\n *\/\nfunction custom_add_menu_meta_box( $object ) {\n add_meta_box( 'custom-menu-metabox', __( 'Authors' ), 'custom_menu_meta_box', 'nav-menus', 'side', 'default' );\n return $object;\n}\nadd_filter( 'nav_menu_meta_box_object', 'custom_add_menu_meta_box', 10, 1);\n<\/code><\/pre>\nadd_meta_box<\/code> de custom metabox.<\/p>\nDefini\u00ebren van een callback functie<\/h4>\n
\/**\n * Displays a metabox for an author menu item.\n *\n * @global int|string $nav_menu_selected_id (id, name or slug) of the currently-selected menu\n *\/\nfunction custom_menu_meta_box(){\n global $nav_menu_selected_id;\n $walker = new Walker_Nav_Menu_Checklist();\n ...\n}\n<\/code><\/pre>\n$walker<\/code> een nieuwe instance opslaat voor het object Walker_Nav_Menu_Checklist<\/code>. Daarmee wordt de HTML lijst van menu-items opgebouwd.<\/p>\n$current_tab<\/code> in te stellen, die binnen de ellips werkt die we in het vorige stuk code gemaakt hebben.<\/p>\n$current_tab = 'all';\nif ( isset( $_REQUEST['authorarchive-tab'] ) && 'admins' == $_REQUEST['authorarchive-tab'] ) {\n $current_tab = 'admins';\n} elseif ( isset( $_REQUEST['authorarchive-tab'] ) && 'all' == $_REQUEST['authorarchive-tab'] ) {\n $current_tab = 'all';\n}\n<\/code><\/pre>\n$authors<\/code>:<\/p>\n$authors = get_users( array( 'orderby' => 'nicename', 'order' => 'ASC', 'who' => 'authors' ) );\n$admins = array();\n\n\/* set values to required item properties *\/\nforeach ( $authors as &$author ) {\n $author->classes = array();\n $author->type = 'custom';\n $author->object_id = $author->nickname;\n $author->title = $author->nickname . ' - ' . implode(', ', $author->roles);\n $author->object = 'custom';\n $author->url = get_author_posts_url( $author->ID ); \n $author->attr_title = $author->displayname;\n if( $author->has_cap( 'edit_users' ) ){\n $admins[] = $author;\n }\n}\n$removed_args = array( 'action', 'customlink-tab', 'edit-menu-item', 'menu-item', 'page-tab', '_wpnonce' );\n?>\n<\/code><\/pre>\nget_users<\/code> een array terug van $user<\/code> objecten die geselecteerd zijn op basis van specifieke parameters. De who<\/code> parameter zal afdwingen dat WordPress de database doorzoekt op gebruikers met writing-rechten.<\/p>\n$admins<\/code> array een array van auteurs opslaan, terwijl $removed_args<\/code> een lijst met query variabelen opslaat die verwijderd worden.<\/p>\n<div id=\"authorarchive\" class=\"categorydiv\">\n\t<ul id=\"authorarchive-tabs\" class=\"authorarchive-tabs add-menu-item-tabs\">\n\t\t<li <?php echo ( 'all' == $current_tab ? ' class=\"tabs\"' : '' ); ?>>\n\t\t\t<a class=\"nav-tab-link\" data-type=\"tabs-panel-authorarchive-all\" href=\"<?php if ( $nav_menu_selected_id ) echo esc_url( add_query_arg( 'authorarchive-tab', 'all', remove_query_arg( $removed_args ) ) ); ?>#tabs-panel-authorarchive-all\">\n\t\t\t\t<?php _e( 'View All' ); ?>\n\t\t\t<\/a>\n\t\t<\/li>\n\n\t\t<li <?php echo ( 'admins' == $current_tab ? ' class=\"tabs\"' : '' ); ?>>\n\t\t\t<a class=\"nav-tab-link\" data-type=\"tabs-panel-authorarchive-admins\" href=\"<?php if ( $nav_menu_selected_id ) echo esc_url( add_query_arg( 'authorarchive-tab', 'admins', remove_query_arg( $removed_args ) ) ); ?>#tabs-panel-authorarchive-admins\">\n\t\t\t\t<?php _e( 'Admins' ); ?>\n\t\t\t<\/a>\n\t\t<\/li>\n\t<\/ul><\/code><\/pre>\nadd_query_arg<\/code>\u00a0als remove_query_arg<\/code>\u00a0stellen waarden per tabblad in voor de variabele\u00a0authorarchive-tabs<\/code>, en verwijderen alle onnodige variabelen.<\/p>\n![\"Leeg](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/authors-empty-meta-box.png\")
Het opbouwen van de HTML content voor de tabbladen van de meta box<\/h4>\n
custom_menu_meta_box()<\/code>\u00a0functie. Om de content toe te voegen, voeg je onderstaande code toe binnen de <div><\/code> tag uit het vorige deel.<\/p>\n<div id=\"tabs-panel-authorarchive-all\" class=\"tabs-panel tabs-panel-view-all <?php echo ( 'all' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); ?>\">\n\t<ul id=\"authorarchive-checklist-all\" class=\"categorychecklist form-no-clear\">\n\t<?php\n\t\techo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $authors), 0, (object) array( 'walker' => $walker) );\n\t?>\n\t<\/ul>\n<\/div>\n\n<div id=\"tabs-panel-authorarchive-admins\" class=\"tabs-panel tabs-panel-view-admins <?php echo ( 'admins' == $current_tab ? 'tabs-panel-active' : 'tabs-panel-inactive' ); ?>\">\n\t<ul id=\"authorarchive-checklist-admins\" class=\"categorychecklist form-no-clear\">\n\t<?php\n\t\techo walk_nav_menu_tree( array_map('wp_setup_nav_menu_item', $admins), 0, (object) array( 'walker' => $walker) );\n\t?>\n\t<\/ul>\n<\/div><\/code><\/pre>\n$items<\/code>,\u00a0$depth<\/code>, en $r<\/code>\u00a0\u2013 die allemaal vereist zijn.<\/p>\n$items<\/code> slaat een array van admins op. De array_map()<\/code>\u00a0functie past de\u00a0wp_setup_nav_menu_item()<\/a>\u00a0functie toe op\u00a0$admins<\/code>\u00a0en voegt eigenschappen van menu-items toe aan de elementen van de array.<\/p>\n![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/authors-meta-box-populated.png\")
Toevoegen van een Submit knop<\/h4>\n
<p class=\"button-controls wp-clearfix\">\n\t<span class=\"list-controls\">\n\t\t<a href=\"<?php echo esc_url( add_query_arg( array( 'authorarchive-tab' => 'all', 'selectall' => 1, ), remove_query_arg( $removed_args ) )); ?>#authorarchive\" class=\"select-all\"><?php _e('Select All'); ?><\/a>\n\t<\/span>\n\t<span class=\"add-to-menu\">\n\t\t<input type=\"submit\"<?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?> class=\"button-secondary submit-add-to-menu right\" value=\"<?php esc_attr_e('Add to Menu'); ?>\" name=\"add-authorarchive-menu-item\" id=\"submit-authorarchive\" \/>\n\t\t<span class=\"spinner\"><\/span>\n\t<\/span>\n<\/p>\n\n<\/div>\n<?php\n}<\/code><\/pre>\n![\"De](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/complete-meta-box.png\")
Samenvatting<\/h2>\n