Navigation überspringen
Aktualisiert
Dezember 4, 2024

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-CodeWo 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.

Scrollen Sie im WordPress-Editor nach unten, um den Abschnitt mit den Navigationseinstellungen 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:

  1. Kopieren Sie die zweite Datei, cms-navigation.css, aus dem Plugin-Verzeichnis und platzieren Sie sie in Ihrem Theme-Verzeichnis.
  2. Rufen Sie wp_head() auf und laden Sie Ihre Kopie. Dies lädt die Plugin-CSS-Dateien.
  3. Wenden Sie Ihre CSS-Anpassungen auf die neue Datei an.