WPML CMS Navigation ist ein Add-on-Plugin, das Navigationselemente für die Erstellung Ihrer mehrsprachigen Website bereitstellt.
Das Add-on ist in Ihrem Paket WPML Multilingual CMS enthalten.
Zu den Navigationselementen, die Sie mit dem WPML CMS Navigation-Plugin hinzufügen können, gehören:
Breadcrumbs
Helfen Benutzern, sich in der Struktur der Website zurechtzufinden
Dropdown-Menüs
Geben Benutzern schnellen Zugriff auf bestimmte Abschnitte
Sidebar
Zeigt Benutzern Seiten an, die mit der aktuell angezeigten Seite zusammenhängen
Hinzufügen von Navigationselementen zu Ihrem Theme
Um jedes Element zu verwenden, fügen Sie diese mithilfe einzeiliger PHP-Funktionen zu Ihrem Theme hinzu.
| PHP-Code | Wo hinzufügen | |
|---|---|---|
| Breadcrumbs | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php oder single.php, page.php, archive.php, tag.php und search.php |
| Dropdown-Menüs | <?php do_action('icl_navigation_menu'); ?> | header.php |
| Sidebar | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
Die Sidebar-Navigation ist auch als WordPress-Widget verfügbar. Fügen Sie sie über die Widget-Verwaltung auf der Seite Design → Widgets hinzu.
Anpassen von Navigationselementen
Um die globalen Einstellungen des Add-ons anzupassen, gehen Sie zu WPML → Navigation. Sie können grundlegende Einstellungen anpassen, wie zum Beispiel das Symbol, das den Breadcrumb-Pfad trennt.
Sie können auch verschiedene Anpassungen über den WordPress-Editor oder CSS vornehmen.
1. Anpassen von Navigationselementen mit dem WordPress-Editor
Wenn Sie eine Seite im WordPress-Editor bearbeiten, scrollen Sie nach unten, um einen Abschnitt mit der Bezeichnung CMS Navigation zu finden.
In diesem Abschnitt können Sie anpassen, was in der Sidebar angezeigt werden soll. Sie können:
- Die aktuelle Seite ausschließen
- Ihre untergeordneten Seiten anzeigen oder ausblenden
- Einen Abschnitt zuweisen, unter dem die Seite angezeigt werden soll
2. Anpassen des Erscheinungsbilds von Navigationselementen mit CSS
Navigationselemente haben ein standardmäßiges Erscheinungsbild, das Sie mithilfe von CSS anpassen können.
Gehen Sie zu ../wp-content/plugins/wpml-cms-nav/res/css, um zwei Dateien zu finden:
- cms-navigation-base.css: Diese ist für die Funktionalität des Dropdown-Menüs verantwortlich und Sie sollten sie nicht ändern.
- cms-navigation.css: Dies ist eine Datei, die Sie kopieren und ändern können, um Ihre Anpassungen hinzuzufügen.
Befolgen Sie diese Schritte:
- Kopieren Sie die zweite Datei, cms-navigation.css, aus dem Plugin-Verzeichnis und legen Sie sie im Verzeichnis Ihres Themes ab.
- Rufen Sie wp_head() auf und laden Sie Ihre Kopie. Dadurch werden die CSS-Dateien des Plugins geladen.
- Wenden Sie Ihre CSS-Anpassungen auf die neue Datei an.