Die Aktivierung der Einzelseitennavigation ist einfach und kann individuell vorgenommen werden. Wenn Sie eine Seite erstellen oder bearbeiten, suchen Sie nach dem Feld "Einstellungen". Divi rechts neben Ihrem Texteditor. In diesem Feld sehen Sie die Option Navigation durch Punkte. Wählen Sie "Ein" aus dem Dropdown-Menü und speichern Sie die Seite. Sie werden nun feststellen, dass auf der rechten Seite Ihrer Seite eine schwebende Navigationsleiste hinzugefügt wurde.

Die Punktnavigationsleiste fügt jedem Abschnitt Ihrer Seite automatisch einen anklickbaren Link hinzu. Wenn Sie einen neuen Abschnitt hinzufügen, wird Ihrer schwebenden Seitennavigation automatisch ein neuer Link (oder Punkt) hinzugefügt.

Benutzer können auf die Punkte klicken, um zu verschiedenen Abschnitten der Seite zu navigieren. Dies erleichtert auch die Identifizierung des Standorts Besucher auf der Seite, was das Verständnis und die Navigation auf langen Seiten erleichtert.

Punktnavigation divi.png

Erstellen Sie benutzerdefinierte Menü-Links für einseitige Websites

Zusätzlich zur Seitennavigation ist es auch möglich, Ihre Hauptkopfnavigation in eine One-Page-Navigation umzuwandeln. Wenn Sie eine erstellen Website einer Seite möchten Sie nicht, dass Ihre Menü-Links auf separate Seiten verweisen. Stattdessen können diese Links auf relevante Abschnitte auf derselben Seite verweisen.

Wenn Sie darauf klicken, gelangen Sie mithilfe eines sanften Bildlaufeffekts zum entsprechenden Abschnitt der Seite. Dies kann mithilfe personalisierter Kennungen erreicht werden. Jedem mit dem Generator erstellten Element der Seite kann eine ID zugewiesen werden.

Sie können einem Abschnitt eine ID zuweisen, indem Sie auf das Symbol für die Abschnittseinstellungen klicken und nach der Einstellung „CSS-ID“ suchen. Sobald eine Kennung zugewiesen wurde, können Sie über das Navigationsmenü darauf zugreifen.

Angenommen, Sie haben einen Abschnitt mit dem Namen "Über uns" und möchten, dass eine Verbindung zu dem Teil Ihrer Seite hergestellt wird, der Ihr Unternehmen beschreibt.

über uns divi.png

Zeigen eines Menü-Links auf eine Kennung

Um einen benutzerdefinierten Menü-Link zu erstellen, müssen Sie Ihrem Menü über die Registerkarte "Darstellungen> Menüs" Ihres WordPress-Dashboards einen neuen Link hinzufügen. Wenn Sie mit dem Menüsystem nicht vertraut sind, lesen Sie Dieses tolle Tutorial. Sobald Sie ein neues Menü erstellt und es der Hauptnavigationsposition zugewiesen haben, können Sie damit beginnen, Links zu Ihrer Kopfzeile hinzuzufügen.

In diesem Fall erstellen wir einen benutzerdefinierten Link, indem wir auf die Registerkarte „Link“ auf der linken Seite klicken. Nach dem Klicken erhalten Sie zwei Felder (URL und Linktext). Geben Sie für "Linktext" einfach den Text ein, den Sie in Ihrem Menü anzeigen möchten (z. B. "Über uns").

Für die URL müssen wir einen Link zu der ID erstellen, die wir zuvor unserem Abschnitt zugewiesen haben. In diesem Fall haben wir den Benutzernamen "about us" hinzugefügt, aber Sie können einen beliebigen ID-Namen hinzufügen. Da wir die ID "aproposdenous" verwendet haben, können wir eine Verknüpfung zu dieser Kennung herstellen, indem wir eine URL erstellen, die auf "/ #aboutdenous" verweist.

Mit derselben Methode können Sie so viele benutzerdefinierte Links erstellen, wie Sie möchten. Geben Sie einfach die URL "/ #" gefolgt von der ID ein, auf die Sie abzielen möchten.

über uns divi menu.png

Das ist alles für dieses Tutorial. Ich hoffe, Sie können damit eine "Single Page" -Seite erstellen.