Divi-Tutorial Onepage Layout

Onepage Layouts sind gerade sehr modern. Es gibt sogar eigene Themes, die nur Onepage “können”. Mit einem solchen Theme habe ich selbst noch nicht gearbeitet, jedoch habe ich mir bereits die Frage gestellt, wie auf solchen Installationen wohl mit dem Impressum und der Datenschutzerklärung umgegangen wird… Weil diese beiden Punkte würde ich persönlich nicht gerne auf meiner Onepage haben. Vielleicht magst Du mir kurz in den Kommentaren Deine Erfahrung dazu hinterlassen? Das interessiert mit wirklich.

Nun zurück zum Thema. Als ich auf das beliebte Onepage Layout aufmerksam wurde, hatte ich noch nicht realisiert, dass sich dies mit dem Divi-Theme* ganz einfach umsetzen lässt. Aber so ist das, wenn viele Funktionen zur Verfügung stehen, man entdeckt immer wieder etwas Neues 😉 Du hast mit dem Divi-Theme zwei Varianten des Onepage Layouts zur Verfügung:

  • Das klassische Onepage Layout mit eigenem Menü
  • Ein Onepage Layout innerhalb Deiner ganz “normalen” WordPress-Seite, zum Beispiel auf Seiten mit vielen Inhalten. Hier kannst Du die Nutzererfahrung durch eine sogenannte Punktnavigation unterstützen. Das Theme zeigt dann am Bildschirmrand auf der rechten Seite eine kleine Leiste mit Punkten, über die Du die einzelnen Sektionen der Seite ansteuern kannst. Jede Sektion, die Du mit dem Divi-Builder erstellst, kann automatisch mit der Punktnavigation angesteuert werden.

Und wie das Ganze eingerichtet wird, erfährst Du in meinem Divi-Tutorial.


Mit einem Klick auf den Play-Button wird eine Verbindung zu Youtube hergestellt. Es gilt die Google Datenschutzerklärung

Divi Filter für Blogkategorien

Divi Filter für Blogkategorien

Wie du ganz einfach für deine Blogübersichtsseite einen Kategorienfilter erstellst Wenn du auf deiner Blogübersichtsseite keine Sidebar verwendest, hast du auch die Kategorieauswahl nicht zur Verfügung. Divi selbst bietet so einen Filter nicht an; ich zeige dir hier...

WordPress Menü Button für Divi

WordPress Menü Button für Divi

Im Divi Theme ganz einfach einen Call2Act im Menü einfügen Folge hier der Schritt für Schritt Anleitung oder schau dir das Video an: https://youtu.be/4HbpTV8ZQPs So sieht unser Endergebnis aus: 1. Gehe zum Theme Customizer und rufe dort "Zusätzliches CSS" auf....

WordPress Menü erstellen

WordPress Menü erstellen

Folge dieser einfachen Schritt für Schritt Anleitung oder schaue dir das Video-Tutorial an. https://youtu.be/k7LPxAsPruM Standard Menüpunkte 1. Logge dich in dein Wordpress Dashboard ein und wähle im linken Menü unter dem Punkt "Design" -> Menü aus. 2. Klicke auf...

6 Kommentare

  1. Leider hat diese Seite eine völlig irreführende SEO! Angeblich soll hier erklärt werden, was genau die Punktnavigation ist und wie man sie einrichtet/nutzt. Sehr ärgerlich, wenn man mit falschen Seo-Angaben auf Webseiten gelockt wird…
    “Jede Sektion, die Du mit dem Divi-Builder erstellst, kann automatisch mit der Punktnavigation angesteuert …”
    Und von einem Tutorial ist diese Seite ohnehin Lichtjahre entfernt. Das ist nicht mehr als ein Einleitungssatz – zu was auch immer.

    Antworten
    • Liebe Antje,
      es tut mir leid, dass du dich unter falschen Voraussetzungen auf die Seite gelockt fühlst. Meine vorgegebene SEO Beschreibung weist allerdings nicht auf die Punktnavigation hin; das hat Google automatisch generiert – darauf habe ich keinen Einfluss. Was das Tutorial angeht, hast du recht, es war nicht mehr auf der Seite. Ich habe es nun wieder ergänzt. Hier die Bemerkung, dass es schon älter ist. Ein Update ist geplant.

      Antworten
  2. Hallo Sophie,
    vielen Dank für Deine Tipps zu Divi – sehr hilfreich! Wie hast Du denn Deine Kopfzeile/Menü erstellt? Vor allem, wie kriegst Du den Linktext auf 2 Zeilen verteilt hin?

    Antworten
    • Hallo Stefan,

      auf meiner Seite ist das Theme The7. Ich arbeite aber auch für Kunden sehr häufig mit dem Divi und hatte es auch selbst schon auf dieser Seite hier (ich kann mich nie entscheiden, weil beide so toll sind… ;). Die Zeile unter dem Menüpunkt ist eine Beschreibung; das The7 unterstützt das. Beim Divi wüßte ich das jetzt spontan nicht.

      Viele Grüße, Sophie

      Antworten
  3. Hallo Sophie! Mag sein, dass diese One Page Seiten gerade sehr beliebt sind, aber für die Übersicht finde ich es nicht so toll. Außerdem lässt sich sowas für größere Unternehmen wenig umsetzen.

    Für Laien, die sowieso Probleme mit der Gestaltung ihrer Website haben, wird diese Option leider auch nicht besser.

    Aber jeder hat da andere Ansprüche. 😉 Liebe Grüße Jacky

    Antworten
    • Ja, Jacky, da hast Du natürlich Recht.

      Es ist nicht für alle Seiten geeignet und schon gar nicht für große Internetauftritte. Aber es gibt durchaus Einsatzgebiete, wo sie gut geeignet sind. Auf Seiten, die nicht viel Content haben – aus welchem Grund auch immer – kann es eine gute Alternative sein, weil dann die einzelnen Seiten nicht so “verloren” aussehen. Und es ist natürlich auch Geschmacksache.

      Außerdem gehe ich davon aus, dass jemand, der nach einem Theme für ein Onepage Layout sucht, auch weiß, was er tut 🙂

      Liebe Grüße, Sophie

      Antworten

Einen Kommentar abschicken

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