Springe zum Hauptinhalt

So erstellen Sie eine Seite mit Divi

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 600.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Die Aktivierung der einseitigen Navigation ist einfach und kann individuell erfolgen. Achten Sie beim Erstellen oder Bearbeiten einer Seite auf das Feld "Divi-Einstellungen" 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 jetzt feststellen, dass rechts auf 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 automatisch ein neuer Link (oder Punkt) zu Ihrer Navigation auf der schwebenden Seite hinzugefügt.

Benutzer können auf die Punkte klicken, um auf verschiedene Bereiche der Seite zuzugreifen. Es erleichtert auch das Erkennen des Standorts des Besuchers auf der Seite und erleichtert das Verstehen und Navigieren auf langen Seiten.

Punktnavigation divi.png

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

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

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Wenn Sie darauf klicken, können Sie mithilfe eines regulären Bildlaufeffekts zum entsprechenden Abschnitt der Seite gelangen. Dies kann mithilfe benutzerdefinierter Bezeichner erreicht werden. Jedem Element der mit dem Generator erstellten Seite kann eine ID zugewiesen werden.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Sie können einem Abschnitt eine ID zuweisen, indem Sie auf das Einstellungssymbol des Abschnitts klicken und nach dem Parameter "CSS-ID" suchen. Sobald eine ID 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

Einen Menü-Link auf einen Bezeichner zeigen

Um einen benutzerdefinierten Menü-Link zu erstellen, müssen Sie Ihrem Menü über die Registerkarte "Darstellung> Menüs" Ihres WordPress-Dashboards einen neuen Link hinzufügen. Wenn Sie mit dem Menüsystem nicht vertraut sind, wenden Sie sich an Dieses tolle Tutorial. Nachdem Sie ein neues Menü erstellt und dem Hauptnavigationspfad zugewiesen haben, können Sie Links zu Ihrer Kopfzeile hinzufügen.

In diesem Fall erstellen wir einen benutzerdefinierten Link, indem Sie links auf der Seite auf die Registerkarte "Link" klicken. Nach dem Anklicken 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 auf die ID verweisen, die wir zuvor unserem Bereich zugewiesen haben. In diesem Fall haben wir die ID "aproposdenous" hinzugefügt. Sie können jedoch einen beliebigen Namen für die ID hinzufügen. Da wir die ID "aproposdenous" verwendet haben, können wir eine Verknüpfung zu dieser ID herstellen, indem wir eine URL erstellen, die auf "/ #aboutusous" verweist.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Mit dieser Methode können Sie beliebig viele benutzerdefinierte Links erstellen. 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 Seite "Single Page" erstellen.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
22 Aktien
Aktie12
tweet3
Registrieren7