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 901.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]

Das Aktivieren der Navigation auf einer Seite ist einfach und kann individuell erfolgen. Suchen Sie beim Erstellen oder Bearbeiten einer Seite nach dem 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 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. Außerdem wird es einfacher, den Standort des Besuchers auf der Seite zu identifizieren und lange Seiten besser zu verstehen und zu navigieren.

Punktnavigation divi.png

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

Neben der Seitennavigation ist es auch möglich, Ihre Hauptkopfnavigation in eine Seitennavigation 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, 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 dem Hauptnavigationsort zugewiesen haben, können Sie Links zu Ihrer Kopfzeile hinzufü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.

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
24 Aktien
Aktie12
tweet3
Registrieren9