Die Anatomie eines WordPress-Men\u00fcs<\/h2>\n
F\u00fcr Uneingeweihte ist ein WordPress-Men\u00fc oft eine Sammlung von Links (einschlie\u00dflich Dropdowns<\/a>). Es ist eine einfache Funktion, die nur ein „Wirbel“ im R\u00fcckgrat deiner Website ist.<\/p>\n Wo du die Men\u00fcs auf einer Website sehen kannst, wird im n\u00e4chsten Abschnitt genauer erkl\u00e4rt. Bis dahin solltest du wissen, dass sie \u00fcberall dort Platz finden k\u00f6nnen, wo du sie anzeigen m\u00f6chtest. M\u00f6glicherweise hast du nur ein paar vorausgew\u00e4hlte Optionen (basierend auf den Widgetbereichen). Technisch gesehen, kann ein Men\u00fc jedoch \u00fcberall platziert werden.<\/p>\n Nat\u00fcrlich ist ein WordPress-Men\u00fc das A und O f\u00fcr die Navigation auf einer Webseite. Ein klares und definiertes Navigationsmen\u00fc hilft den Nutzern, sich auf deiner Website zurechtzufinden, und senkt die Absprungrate<\/a>.<\/p>\n Sie erf\u00fcllen noch einen weiteren Zweck: Deine Men\u00fcs helfen bei der Suchmaschinenoptimierung (SEO)<\/a>. Bei der SEO-Optimierung eines WordPress-Men\u00fcs kommt es mehr darauf an, was du wegl\u00e4sst als was du einf\u00fcgst. Zun\u00e4chst einmal kannst du auf Elemente wie Tag-Clouds verzichten und die Anzahl der Links, die du einf\u00fcgst, gering halten.<\/p>\n Google l\u00e4sst zwar bis zu 250 Links auf einer Seite zu, aber es ist wichtig, dass du deinen „Linkwert<\/a>“ hoch h\u00e4ltst. Wenn du also die Anzahl der externen Links reduzierst, wird dir das auf lange Sicht helfen.<\/p>\n\n Wie du vielleicht schon wei\u00dft, kannst du dich je nach den Bed\u00fcrfnissen deiner Anwendung f\u00fcr verschiedene WordPress-Men\u00fcstrukturen entscheiden.<\/p>\n Header-Men\u00fcs zum Beispiel sind am weitesten verbreitet, da sie die Hauptnavigation<\/a> der Website darstellen. Oft siehst du auch kleinere Men\u00fcs oberhalb der Hauptnavigation, da dies ein hervorragender Platz f\u00fcr Social Media Icons, Suchleisten und mehr ist.<\/p>\n Die Website des Kinsta-Partners SAU\/CAL<\/a> hat ein „Fly-in“-Men\u00fc, das die Navigation und soziale Links enth\u00e4lt:<\/p>\n Dieses Men\u00fc zeigt, dass es mehr Anwendungsf\u00e4lle f\u00fcr ein WordPress-Men\u00fc gibt als die Navigation auf einer Website. Mit den integrierten Funktionen von WordPress (mehr dazu sp\u00e4ter) kannst du ein Men\u00fc f\u00fcr fast alles erstellen, was du brauchst.<\/p>\n Genauso beliebt wie die Header-Navigation ist der Footer. Du wirst diesen Bereich oft nutzen, um deine Hauptnavigation f\u00fcr Nutzer zu wiederholen, die nach unten scrollen. Au\u00dferdem ist er ein hervorragender Ort, um kontextbezogene Links f\u00fcr deine Produkte und Dienstleistungen anzubieten:<\/p>\n Du wirst auch Men\u00fcs in einer Seitenleiste sehen, wenn die Website diese verwendet:<\/p>\n Obwohl du hier in den meisten F\u00e4llen keine Hauptnavigation sehen wirst, ist es ein traditioneller Platz f\u00fcr soziale Links<\/a>, Blogpost-Archive und vieles mehr.<\/p>\n Die Erstellung eines WordPress-Men\u00fcs ist ein einfacher Prozess, unabh\u00e4ngig von deinem Kenntnisstand. Es gibt drei M\u00f6glichkeiten: Nutze die eingebauten Funktionen von WordPress, installiere ein passendes Plugin oder mach dir die H\u00e4nde mit Code schmutzig.<\/p>\n Im Folgenden zeigen wir dir, wie du mit allen drei Methoden ein WordPress-Men\u00fc erstellen kannst.<\/p>\n WordPress verf\u00fcgt \u00fcber integrierte Tools, die dir beim Erstellen eines Men\u00fcs helfen. Ein spezieller Bildschirm in der WordPress-Verwaltung wird nur den wenigsten Nutzern bekannt sein.<\/p>\n Nat\u00fcrlich hat es zahlreiche Vorteile, wenn du die nativen Funktionen f\u00fcr dein WordPress-Men\u00fc verwendest. Zun\u00e4chst einmal ist die Kompatibilit\u00e4t mit deiner Website gew\u00e4hrleistet. Au\u00dferdem kannst du deine Men\u00fcs mit einer vertrauten Oberfl\u00e4che und nativen Tools erstellen.<\/p>\n Gehe dazu in WordPress auf die Seite Erscheinungsbild > Men\u00fcs<\/strong>:<\/p>\n Dieser Bildschirm ist in verschiedene Bereiche unterteilt. Ganz oben findest du die Option, ein aktuelles Men\u00fc auszuw\u00e4hlen oder ein neues zu erstellen:<\/p>\n Wenn du dich entscheidest, ein neues Men\u00fc zu erstellen, gib ihm einen Namen und sieh dir den Abschnitt Men\u00fceinstellungen<\/strong> an:<\/p>\n Hier gibt es eine Menge K\u00e4stchen, aber du musst vor allem zwei Entscheidungen treffen:<\/p>\n Wenn du bereit bist, klicke auf die Schaltfl\u00e4che Men\u00fc erstellen<\/strong>. Der Bildschirm wird aktualisiert und zeigt an, dass du dich in deinem neuen Men\u00fc befindest. Als N\u00e4chstes wirf einen Blick auf die linke Seite des Bildschirms:<\/p>\n Dieser Bildschirm listet alle Beitr\u00e4ge, Seiten, Taxonomien und andere verlinkbare Elemente auf deiner Website auf. Du erstellst dein Men\u00fc, indem du die K\u00e4stchen auf der linken Seite markierst und dann auf die Schaltfl\u00e4che Zum Men\u00fc hinzuf\u00fcgen<\/strong> klickst.<\/p>\n Dadurch werden sie in den mittleren Bereich des Men\u00fcs<\/strong> verschoben:<\/p>\n Hier kannst du Men\u00fcpunkte per Drag & Drop an ihren Platz ziehen. Wenn du auf den Erweiterungspfeil neben jedem Eintrag klickst, kannst du auch eine Beschriftung f\u00fcr deinen Men\u00fceintrag festlegen oder ihn entfernen:<\/p>\n Wenn du auf Men\u00fc speichern<\/strong> klickst, kannst du loslegen. Wenn du das Men\u00fc Bildschirmoptionen am oberen Rand des Bildschirms erweiterst, kannst du noch mehr mit deinem WordPress-Men\u00fc machen:<\/p>\n Mit der Gruppe Bildschirmelemente<\/strong> kannst du Men\u00fc-Metak\u00e4sten in der linken Seitenleiste anzeigen. Im Gegensatz dazu zeigt die Gruppe Erweiterte Men\u00fceigenschaften anzeigen<\/strong> Linkziele, Beschreibungen und CSS-Klassen f\u00fcr Listenelemente an.<\/p>\n Ein weiterer Aspekt des Men\u00fcs<\/strong> ist erw\u00e4hnenswert. Mit dem Feld Benutzerdefinierte Links<\/strong> kannst du einen Link deiner Wahl setzen, anstatt eine vordefinierte Seite auf deiner Website:<\/p>\n Mit dieser Option kannst du Links zu sozialen Medien in dein WordPress-Men\u00fc einf\u00fcgen. Die Plattform zieht das richtige Symbol f\u00fcr dich, je nachdem, welche Seite du ausw\u00e4hlst. So hast du die M\u00f6glichkeit, die Logos f\u00fcr die von dir ausgew\u00e4hlten Seiten gut darzustellen.<\/p>\n Die unmittelbare L\u00f6sung f\u00fcr das Hinzuf\u00fcgen von Funktionen zu WordPress sind Plugins<\/a>. Im vorigen Abschnitt wurde erl\u00e4utert, warum die native Option von WordPress fast alles ist, was du brauchst, aber Plugins k\u00f6nnen diese Funktionalit\u00e4t erweitern.<\/p>\n Es stellt sich die Frage, ob du ein spezielles (und zus\u00e4tzliches) Plugin brauchst, um ein WordPress-Men\u00fc zu erstellen, obwohl es viele gute Gr\u00fcnde daf\u00fcr gibt. Zun\u00e4chst einmal wirst du oft ein Men\u00fc erstellen, das auf einem Stil basiert, auf den du mit den Standardeinstellungen nicht zugreifen kannst. Spezielle responsive Designs, „Mega-Men\u00fcs“ und vieles mehr stehen dir \u00fcber Plugins zur Verf\u00fcgung.<\/p>\n Au\u00dferdem kannst du Men\u00fcs mit einem speziellen Editor erstellen und in vielen F\u00e4llen aus voreingestellten Vorlagen w\u00e4hlen. Zusammen mit den umfangreichen Anpassungsm\u00f6glichkeiten hast du eine „No-Code“-L\u00f6sung, mit der du ein WordPress-Men\u00fc erstellen kannst, das zu deiner Website passt.<\/p>\n Das Max Mega Menu<\/a> Plugin zum Beispiel bietet keine \u00dcberraschungen, was du erreichen kannst:<\/p>\n Sobald es installiert und aktiviert<\/a> ist, findest du ein neues Mega-Men\u00fc<\/strong>-Panel in WordPress:<\/p>\n Wenn du dir den Bildschirm „Men\u00fcpunkte<\/strong>“ ansiehst, wirst du feststellen, dass dir mehr Anpassungen zur Verf\u00fcgung stehen:<\/p>\n Du kannst auch Men\u00fcthemen anwenden und sie in einem \u00e4hnlichen Umfang bearbeiten wie einige der besten Page Builder auf dem Markt:<\/p>\n Es gibt noch viel mehr, worauf wir hier eingehen k\u00f6nnten, aber wir w\u00fcrden uns nur wiederholen. Wir empfehlen dir, einen Blick in unseren vorherigen Beitrag \u00fcber WordPress-Men\u00fc-Plugins<\/a> zu werfen. Dort gehen wir im Detail darauf ein, wie du das richtige Plugin f\u00fcr dich ausw\u00e4hlst und wie du es verwendest.<\/p>\n Dein eigenes WordPress-Men\u00fc zu codieren ist ein zuverl\u00e4ssiger Weg, um dein Ziel f\u00fcr Mutige zu erreichen (oder wenn du ein Entwickler bist, der ein neues WordPress-Theme erstellt). Nat\u00fcrlich wirst du nicht jeden Tag einen Code-Editor \u00f6ffnen, um ein Men\u00fc hinzuzuf\u00fcgen. Daf\u00fcr wirst du die WordPress-eigenen Tools (oder vielleicht ein Plugin) verwenden.<\/p>\n Trotzdem ist das Erlernen des WordPress-Men\u00fc-Codes eine wichtige Voraussetzung, wenn du Themes entwickeln willst. Es gibt vier Teile<\/a>, die zum Erfolg f\u00fchren:<\/p>\n Wir gehen davon aus, dass du dich mit einem Code-Editor<\/a> auskennst, eine Entwicklungsumgebung<\/a> zur Verf\u00fcgung hast und \u00fcber gute Kenntnisse verf\u00fcgst<\/a>. Wenn du noch kein Theme hast, mit dem du arbeiten kannst, kannst du die Standardoptionen von WordPress verwenden oder eines aus unserer Liste der schnellsten WordPress-Themes<\/a> ausw\u00e4hlen.<\/p>\n Wenn du bereit bist, musst du die Datei functions.php<\/strong> des Themes \u00f6ffnen. Diese unterscheidet sich von der allgemeinen WordPress-Datei gleichen Namens. Hier musst du dein Men\u00fc registrieren. Mit anderen Worten: Du musst WordPress mitteilen, was auf der Seite Erscheinungsbild > Men\u00fcs<\/strong> angezeigt werden soll. Hierf\u00fcr verwendest du die Funktion register_nav_menus()<\/a>:<\/p>\n Dieser Code weist die Registerkarte Standorte verwalten<\/strong> in WordPress an, zwei Men\u00fcs anzuzeigen: Kopfmen\u00fc<\/strong> und Sonstiges Men\u00fc<\/strong>:<\/p>\n Als n\u00e4chstes musst du dein Men\u00fc mit der Funktion wp_nav_menu()<\/a> anzeigen. Du f\u00fcgst sie in die Vorlagendatei ein, in der du das Men\u00fc anzeigen m\u00f6chtest. In unserem Fall nehmen wir den Header, also f\u00fcgen wir den folgenden Code in die Datei header.php<\/strong> unseres Themes ein:<\/p>\n Es k\u00f6nnte sein, dass dieser Code in eine An diesem Punkt kannst du mit dem Men\u00fc in WordPress wie mit jedem anderen arbeiten. Du kannst aber auch \u00fcberlegen, ob du zus\u00e4tzliche Inhalte zu deinen Men\u00fcpunkten hinzuf\u00fcgen willst. Zum Beispiel kannst du das definierte Array um HTML-Tags erweitern, die bei der Ausgabe dargestellt werden:<\/p>\n Deine letzte Aufgabe hier ist es, einen Callback zu definieren. Standardm\u00e4\u00dfig zeigt WordPress ein ausgef\u00fclltes Men\u00fc an, wenn das angegebene Men\u00fc nicht gefunden wird. Alternativ zeigt WordPress ein Men\u00fc mit Seiten an, wenn kein benutzerdefiniertes Men\u00fc ausgew\u00e4hlt wurde. Wenn das nicht die gew\u00fcnschte Aktion ist, kannst du einen anderen Parameter f\u00fcr das Argument Sobald du wei\u00dft, wie du ein WordPress-Men\u00fc erstellst, kannst du damit beginnen, die Funktionalit\u00e4t zu erweitern. In unserem letzten Abschnitt werden wir uns ansehen, wie du ein benutzerdefiniertes Men\u00fc-Metafeld f\u00fcr WordPress erstellst.<\/p>\n\n Da es sich hier um einen fortgeschrittenen Abschnitt handelt, m\u00fcssen wir einige Annahmen treffen, bevor wir fortfahren:<\/p>\n Es w\u00fcrde den Rahmen dieses Artikels sprengen, aber du kannst den WordPress Plugin Boilerplate Generator<\/a> verwenden, um eine neue, standardisierte Plugin-Vorlage zu erstellen.<\/p>\n Wenn du bereit bist, erstelle dein Plugin und lade es in WordPress hoch:<\/p>\n Als N\u00e4chstes navigierst du zum Ordner des Plugins und \u00f6ffnest die Hauptdatei. F\u00fcge hier den folgenden Code ein:<\/p>\n Mit der WordPress-Funktion add_meta_box()<\/a> kannst du eine Meta-Box im WordPress-Admin registrieren. Es gibt ein paar Argumente, die du in der offiziellen Dokumentation nachschlagen solltest. Wir verwenden auch den Filter nav_menu_meta_box_object()<\/a>, weil es in der Datei nav-menus.php<\/strong> keine Aktion gibt, die wir einbinden k\u00f6nnen. Diese Anweisung legt fest, ob die Funktion das Metak\u00e4stchen eines Men\u00fcpunkts f\u00fcr einen Objekttyp hinzuf\u00fcgt. Wenn der Filter ausgef\u00fchrt wird, registriert Als N\u00e4chstes k\u00f6nnen wir eine Callback-Funktion definieren, die den HTML-Inhalt f\u00fcr das Metak\u00e4stchen erzeugt:<\/p>\n Die globale Variable merkt sich die aktuelle Men\u00fc-ID, w\u00e4hrend Von hier aus m\u00fcssen wir die aktive Registerkarte in der benutzerdefinierten Metabox bestimmen. Dazu setzen wir den Wert von Wir verwenden hier zwei Tabs, aber du kannst so viele hinzuf\u00fcgen, wie du brauchst:<\/p>\n Die folgende Zeile ermittelt alle Benutzer mit Schreibrechten und f\u00fcgt dem Hier gibt Au\u00dferdem speichert das Array Jetzt kannst du das Meta-Box-Markup ausdrucken. Dazu bauen wir die Tab-Labels und Links auf.<\/p>\n Denke daran, den Meta-Box-Elementen die richtigen Klassennamen, IDs und Datenattribute zuzuweisen; andernfalls wird das Men\u00fc nicht wie erwartet funktionieren.<\/p>\n Die beiden Funktionen Jetzt haben wir einen Metakasten mit definierten Registerkarten:<\/p>\n Im n\u00e4chsten Schritt erstellen wir den HTML-Inhalt der Registerkarten.<\/p>\n In der Funktion Kurz gesagt, jede Registerkarte enth\u00e4lt eine Liste von Kontrollk\u00e4stchen. Die Funktion walk_nav_menu_tree()<\/a> gibt die Liste mit drei Argumenten aus: Das Array Von hier aus k\u00f6nnen wir den letzten Schliff hinzuf\u00fcgen.<\/p>\n Der gr\u00f6\u00dfte Teil der benutzerdefinierten Metabox ist fertig, aber wir m\u00fcssen noch einen Submit<\/strong>-Button und ein „Spinner“-Symbol hinzuf\u00fcgen.<\/p>\n Hier ist ein kurzes St\u00fcck Code, das du direkt nach dem vorherigen Block einf\u00fcgen kannst:<\/p>\n Mit diesem Wissen kannst du fast jede Funktion zu deinen Men\u00fcs hinzuf\u00fcgen! Beachte, dass es auch eine \u00f6ffentliche Gist<\/a> des Plugins auf GitHub gibt, die du kostenlos herunterladen kannst.<\/p>\n Ein WordPress-Men\u00fc ist ein wichtiger Aspekt deiner Website. Aus diesem Grund bietet die Plattform ein natives und leistungsstarkes Panel, mit dem du jedes Men\u00fc auf deiner Seite anpassen kannst. Allerdings bietet es nicht alles, was du standardm\u00e4\u00dfig brauchst.<\/p>\n![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-menu.png\")
Die verschiedenen Arten von WordPress-Men\u00fcstrukturen<\/h2>\n
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/fly-in-menu.png\")
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/kinsta-footer-menu.png\")
![\"Ein](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/sidebar-navigation.png\")
Wie du ein eigenes WordPress-Men\u00fc erstellst (3 Methoden)<\/h2>\n
1. Verwende die in WordPress integrierten Funktionen, um dein Men\u00fc zu erstellen<\/h3>\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/09\/The-WordPress-Menu-Screen.png\")
<\/a>![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menus-page.png\")
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/create-new-wordpress-menu.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-settings.png\")
\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/wordpress-menu-assets.png\")
![\"Ziehen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-drag-and-drop.png\")
![\"Erweitern](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-item-expand.png\")
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/screen-options.png\")
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/custom-links-box.png\")
2. Verwende ein Plugin, um dein eigenes WordPress-Men\u00fc zu erstellen<\/h3>\n
![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/max-mega-menu.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/mega-menu-panel.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/mega-menu-locations.png\")
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/menu-themes.png\")
3. Code schreiben, um dein eigenes WordPress-Men\u00fc zu erstellen<\/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![\"Registrierung](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/register-menus.png\")
wp_nav_menu( array( 'theme_location' => 'header' ) );\n<\/code><\/pre>\nif<\/code>-Anweisung verpackt ist, genau wie einige deiner anderen Men\u00fcs, also solltest du dich an die Konventionen halten, die du findest.<\/p>\nwp_nav_menu(\n array(\n 'menu' => 'primary',\n 'link_before' => '',\n 'link_after' => '',\n )\n);\n<\/code><\/pre>\ntheme-location<\/code> festlegen und ein Argument fallback_cb<\/code> einf\u00fcgen:<\/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>\nSo verbesserst du dein WordPress-Men\u00fc<\/h2>\n
\n
![\"Der](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/plugin-boilerplate-generator.png\")
![\"Ein](\"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> das benutzerdefinierte Metak\u00e4stchen.<\/p>\nDefinieren einer Callback-Funktion<\/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> eine neue Instanz des Walker_Nav_Menu_Checklist-Objekts<\/code> speichert. Damit wird die HTML-Liste der Men\u00fcpunkte erstellt.<\/p>\n$current_tab<\/code> innerhalb der im vorherigen Codeblock gesetzten Ellipse.<\/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>-Objekt viele Eigenschaften hinzu:<\/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> ein Array von $user<\/code>-Objekten zur\u00fcck, die anhand der angegebenen Parameter ausgew\u00e4hlt wurden. Der Parameter who<\/code> zwingt WordPress, die Datenbank nach Benutzern mit Schreibrechten abzufragen.<\/p>\n$admins<\/code> ein Array mit den Autoren, w\u00e4hrend $removed_args<\/code> eine Liste der Abfragevariablen enth\u00e4lt, die entfernt werden sollen.<\/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> und remove_query_arg<\/code> setzen tab-spezifische Werte f\u00fcr die Variable authorarchive-tabs<\/code> und entfernen unn\u00f6tige Variablen.<\/p>\n![\"Nicht](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/authors-empty-meta-box.png\")
Erstellung des HTML-Inhalts f\u00fcr die Meta-Box-Registerkarten<\/h4>\n
custom_menu_meta_box()<\/code> musst du den Code aus dem vorherigen Abschnitt \u00fcbernehmen. Um den Inhalt zu erstellen, f\u00fcgst du den folgenden Code in das <div><\/code>-Tag ein, das du im letzten Abschnitt geschrieben hast:<\/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>, $depth<\/code> und $r<\/code> – alle erforderlich.<\/p>\n$items<\/code> speichert ein Array mit den Admin-Nutzern. Die Funktion array_map()<\/code> wendet die Funktion wp_setup_nav_menu_item()<\/a> auf $admins<\/code> an und f\u00fcgt den Array-Elementen Eigenschaften der Men\u00fcpunkte hinzu.<\/p>\n![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/authors-meta-box-populated.png\")
Hinzuf\u00fcgen einer Schaltfl\u00e4che „Absenden<\/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![\"Das](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/07\/complete-meta-box.png\")
Zusammenfassung<\/h2>\n