WPML CMS Navigation ist ein Add-on-Plugin, das Navigationselemente beim Aufbau Ihrer mehrsprachigen Website bereitstellt.
Das Add-on ist in Ihrem WPML Multilingual CMS-Paket enthalten.
Zu den Navigationselementen, die Sie mit dem WPML CMS Navigation Plugin hinzufügen können, gehören:
Brotkrümelnavigation
Unterstützt Benutzer bei der Navigation durch die Struktur der Website
Dropdown-Menüs
Gewährt Benutzern schnellen Zugriff auf spezifische Bereiche
Seitenleiste
Zeigt Benutzern Seiten an, die mit der aktuell betrachteten Seite in Verbindung stehen
Hinzufügen von Navigationselementen zu Ihrem Theme
Um jedes Element zu verwenden, fügen Sie diese mittels einzeiliger PHP-Funktionen zu Ihrem Theme hinzu.
PHP-Code
Wo hinzufügen
Brotkrümelnavigation
<?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
Seitenleiste
<?php do_action('icl_navigation_sidebar'); ?>
sidebar.php
Die Seitenleistennavigation ist auch als WordPress Widget verfügbar. Fügen Sie es über die Widget-Steuerung auf der Seite Erscheinungsbild → Widgets hinzu.
Anpassung der Navigationselemente
Um die globalen Einstellungen des Add-ons anzupassen, navigieren Sie zu WPML → Navigation. Hier können Sie grundlegende Einstellungen vornehmen, wie beispielsweise das Symbol, das die Brotkrümelnavigation trennt.
Sie können auch verschiedene Anpassungen über den WordPress-Editor oder CSS vornehmen.
1. Anpassung der Navigationselemente 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.
Dieser Abschnitt ermöglicht es Ihnen, die Anzeige in der Seitenleiste anzupassen. Sie können:
Die aktuelle Seite ausschließen
Unterseiten anzeigen oder ausblenden
Einen Bereich zuweisen, unter dem die Seite angezeigt werden soll
2. Anpassung des Erscheinungsbildes der Navigationselemente mit CSS
Navigationselemente verfügen über ein Standard-Erscheinungsbild, das Sie mittels CSS anpassen können.
Navigieren Sie zu ../wp-content/plugins/wpml-cms-nav/res/css, um zwei Dateien zu lokalisieren:
cms-navigation-base.css: Diese ist für die Funktionalität des Dropdown-Menüs verantwortlich und sollte nicht modifiziert werden.
cms-navigation.css: Diese Datei können Sie kopieren und modifizieren, um Ihre Anpassungen hinzuzufügen.
Folgen Sie diesen Schritten:
Kopieren Sie die zweite Datei, cms-navigation.css, aus dem Plugin-Verzeichnis und platzieren Sie sie in Ihrem Theme-Verzeichnis.
Rufen Sie wp_head() auf und laden Sie Ihre Kopie. Dies lädt die Plugin-CSS-Dateien.
Wenden Sie Ihre CSS-Anpassungen auf die neue Datei an.