So fügen Sie Menüs und Untermenüs im WordPress-Admin-Panel hinzu

Veröffentlicht: 2024-09-06

Wenn Sie mit dem Standardmenü des WordPress-Admin-Panels fertig sind oder es nach Ihren Wünschen anpassen möchten

Die Navigation im WordPress-Admin-Panel kann durch die Anpassung Ihrer Menüs und Untermenüs erleichtert werden.

In diesem Beitrag führen wir Sie durch die Schritte zum Hinzufügen von Menüs und Untermenüs mithilfe einfacher Codefragmente.

Unabhängig davon, ob Sie Plugin-Einstellungen organisieren oder benutzerdefinierte Optionen erstellen möchten, kann das Hinzufügen von Menüs Ihren WordPress-Administrationsbereich individueller und benutzerfreundlicher machen. Aber lassen Sie uns zunächst einige Grundlagen klären.


Inhaltsverzeichnis
Was sind Menüs und Untermenüs?
So fügen Sie ein benutzerdefiniertes Menü hinzu
So fügen Sie ein Untermenü hinzu
Untermenüs zu Standard-WordPress-Menüs hinzufügen
Abschluss

Was sind Menüs und Untermenüs?

Menüs sind die Hauptelemente, die Sie im Allgemeinen in der WordPress-Admin-Seitenleiste bemerken, wie „Beiträge“, „Seiten“ und „Einstellungen“.

Untermenüs sind jedoch Optionen, die unter einem Hauptmenü aufgeführt sind. Unter „Beiträge“ finden Sie beispielsweise Untermenüs wie „Alle Beiträge“ und „Neu hinzufügen“. Kurz gesagt sind Untermenüs Optionen, die unter einem Hauptmenü aufgeführt sind.


So fügen Sie ein benutzerdefiniertes Menü hinzu

Jetzt fragen Sie sich bestimmt, wie Sie im WordPress-Admin-Dashboard überhaupt ein benutzerdefiniertes Menü hinzufügen können.

Nun, es ist nicht so schwierig, Sie müssen lediglich die Funktion add_menu_page() verwenden.

Hier ist eine einfache Schritt-für-Schritt-Methode, die Sie befolgen können:

1. Öffnen Sie die Datei functions.php Ihres Themes:

Sie finden diese Datei, indem Sie in Ihrem WordPress-Dashboard zu „Darstellung“ > „Designdatei-Editor“ navigieren und die Datei functions.php auswählen.

2. Fügen Sie den folgenden Code hinzu:

function custom_plugin_menu() {

add_menu_page(

'My Custom Plugin', // Page title

'My Plugin', // Menu title

'manage_options', // Capability required

'my-plugin', // Menu slug (unique identifier)

'my_plugin_page', // Callback function to display page content

'', // Icon URL (leave empty for default icon)

6 // Position on the menu (optional)

);

}

add_action('admin_menu', 'custom_plugin_menu');

// Callback function to display the menu page content

function my_plugin_page() {

echo '<h1>Welcome to My Plugin Page!</h1>';

}

3. Speichern Sie Ihre Änderungen:

Speichern Sie nach dem Hinzufügen des Codes die Datei functions.php . Ihr neues „Mein Plugin“-Menü sollte jetzt in der WordPress-Admin-Seitenleiste erscheinen.


WPOven Dedicated Hosting

So fügen Sie ein Untermenü hinzu

Wenn Sie Ihrem neuen benutzerdefinierten Menü ein WordPress-Administratormenü mit Untermenüs der zweiten Ebene hinzufügen möchten, verwenden Sie die Funktion add_submenu_page() . So geht's:

1. Fügen Sie den Untermenücode in functions.php hinzu:

Funktion custom_plugin_submenu() {

// Zuerst das Menü der obersten Ebene hinzufügen

add_menu_page(

„Mein benutzerdefiniertes Plugin“,

„Mein Plugin“,

'manage_options',

'mein-plugin',

'my_plugin_page'

);

// Untermenüs hinzufügen

add_submenu_page(

'my-plugin', // Parent slug

'Produkt hinzufügen', // Seitentitel

'Produkt hinzufügen', // Titel des Untermenüs

'manage_options', // Fähigkeit erforderlich

'add-product', // Untermenü-Slug

'add_product_page' // Callback-Funktion

);

add_submenu_page(

'mein-plugin',

'Über uns',

'Über uns',

'manage_options',

'über uns',

'about_us_page'

);

}

add_action('admin_menu', 'custom_plugin_submenu');

// Rückruffunktion für das Untermenü „Produkt hinzufügen“.

Funktion add_product_page() {

echo '<h1>Fügen Sie Ihr Produkt hier hinzu!</h1>';

}

// Rückruffunktion für das Untermenü „Über uns“.

Funktion about_us_page() {

echo '<h1>Über unser Plugin</h1>';

}

2. Speichern Sie die Datei:

Ihre Untermenüs „Produkt hinzufügen“ und „Über uns“ werden nun im Menü „Mein Plugin“ im Admin-Bereich angezeigt.

Wichtige Punkte, die Sie sich merken sollten

Menü-Slug : Dies ist eine eindeutige Kennung für Ihr Menü. Es sollte in Kleinbuchstaben geschrieben werden und kann Bindestriche oder Unterstriche enthalten.

Berechtigung: Dies steuert, wer das Menü sehen kann. Beispielsweise ist 'manage_options' normalerweise für Admin-Benutzer gedacht und diese können es nur sehen.

Position: Legt fest, wo das Menü in der Liste angezeigt wird. Dies ist optional, hilft aber bei der Organisation der Menüs.

Seitentitel : Dieser wird in der Titelleiste des Browsers angezeigt, wenn Sie das Menü oder Untermenü öffnen.

Menütitel : Dies ist der Text, der in der Seitenleiste angezeigt wird.

Rückruffunktion : Diese Funktion wird ausgeführt, wenn auf das Menü oder Untermenü geklickt wird, und zeigt dessen Inhalt an.

Das obige Beispiel gilt für die benutzerdefinierten Menüs, die wir erstellt haben. Doch wie sieht es mit den vorhandenen Menüs im WordPress-Adminbereich aus?

Wie können Sie ein Untermenü der zweiten Ebene für das standardmäßige WordPress-Administratormenü erstellen? So geht's:


Untermenüs zu Standard-WordPress-Menüs hinzufügen

Zuvor haben wir darüber gesprochen, wie Sie Untermenüs zu Ihren benutzerdefinierten Menüs in WordPress hinzufügen. Sehen wir uns nun an, wie Sie Untermenüs zu vorhandenen Standardmenüs in WordPress hinzufügen können (z. B. Dashboard, Beiträge, Seiten usw.).

WordPress bietet spezielle Funktionen zum Hinzufügen von Untermenüs zu diesen Standardmenüs:

add_dashboard_page : Fügt ein Untermenü unter dem Menü „Dashboard“ hinzu.

add_posts_page : Fügt ein Untermenü unter dem Menü „Beiträge“ hinzu.

add_media_page : Fügt ein Untermenü unter dem Menü „Medien“ hinzu.

add_links_page : Fügt ein Untermenü unter dem Menü „Links“ hinzu.

add_pages_page : Fügt ein Untermenü unter dem Menü „Seiten“ hinzu.

add_comments_page : Fügt ein Untermenü unter dem Menü „Kommentare“ hinzu.

add_theme_page : Fügt ein Untermenü unter dem Menü „Themen“ hinzu.

add_plugins_page : Fügt ein Untermenü unter dem Menü „Plugins“ hinzu.

add_users_page : Fügt ein Untermenü unter dem Menü „Benutzer“ hinzu.

add_management_page : Fügt ein Untermenü unter dem Menü „Extras“ hinzu.

add_options_page : Fügt ein Untermenü unter dem Menü „Einstellungen“ hinzu.

Alle diese Funktionen funktionieren ähnlich. Lassen Sie es uns anhand eines einfachen Beispiels besser verstehen: Hinzufügen eines Untermenüs unter dem Menü „Einstellungen“ mit add_options_page() .

Beispiel: Hinzufügen eines Untermenüs unter „Einstellungen“.

Um ein Untermenü unter „ Einstellungen “ hinzuzufügen, können Sie die Funktion add_options_page() verwenden. Hier ist eine einfache Aufschlüsselung der Funktion:

$page_title : Der Titel der Seite, wenn Sie sie öffnen.

$menu_title : Der Name, der in der Seitenleiste unter „Einstellungen“ angezeigt wird.

$capability : Wer kann dieses Untermenü sehen (wie nur Administratoren).

$menu_slug : Eine eindeutige ID für dieses Untermenü.

$function : Eine Funktion, die den Inhalt anzeigt, wenn auf das Untermenü geklickt wird.

Verwenden Sie diese Funktion beispielsweise wie folgt:

add_options_page('My Plugin', 'My Plugin', 'manage_options', 'my-plugin', 'WPOven_plugin_render_options_page');

– Dieser Code fügt ein Untermenü namens „ Mein Plugin “ unter dem Menü „Einstellungen“ hinzu.

– Es ist nur für Benutzer mit der Fähigkeit „ manage_options “ sichtbar (normalerweise Administratoren).

– Wenn darauf geklickt wird, wird die Funktion WPOven _plugin_render_options_page ausgeführt, um den Seiteninhalt anzuzeigen.

So können Sie Untermenüs zu den Standard-WordPress-Menüs hinzufügen und so den Zugriff auf die benutzerdefinierten Einstellungen oder Seiten, die Sie hinzufügen möchten, erleichtern!


Lesen Sie: Wie ordne ich Admin-Menüelemente in WordPress neu an?


Abschluss

Das Hinzufügen benutzerdefinierter Menüs und Untermenüs in WordPress ist eine großartige Möglichkeit, Ihren Admin nach Ihren Wünschen anzupassen.

Und das Beste daran ist, dass Sie diese Funktion einfach mit ein paar Codezeilen implementieren und ausführen können. Dies wird Ihnen helfen, ein besser organisiertes und zugänglicheres Backend für sich selbst oder Ihre Kunden zu erstellen.

Wenn Sie diese Schritte sorgfältig befolgen, erhalten Sie in kürzester Zeit ein individuelles Admin-Panel. Wenn Sie Fragen oder Feedback zu diesem Beitrag haben, erwähnen Sie dies bitte im Kommentarbereich unten.