So erstellst Du ein Menü in Divi (inkl. Logo & Struktur für Deine Webseite)

Ein Menü ist nicht einfach nur eine Navigation. Es ist eines der wichtigsten Elemente Deiner Webseite, weil es entscheidet, ob sich Deine Besucher zurechtfinden oder abspringen. Viele erstellen ihr Menü schnell nebenbei, fügen ein paar Seiten ein und denken, damit sei es erledigt. Genau hier entsteht das Problem. Ein unübersichtliches Menü sorgt dafür, dass Besucher nicht wissen, wo sie klicken sollen und Deine Webseite ihre Wirkung verliert.

In diesem Artikel zeige ich Dir Schritt für Schritt, wie Du in Divi ein Menü erstellst, wie Du Dein Logo richtig integrierst und worauf Du achten solltest, damit Deine Navigation klar, strukturiert und professionell wirkt.

Stell Dir vor, jemand kommt zum ersten Mal auf Deine Webseite. Diese Person kennt Dich nicht, weiß nicht, was Du anbietest und sucht Orientierung. Genau in diesem Moment schaut sie automatisch in Dein Menü.

Wenn Dein Menü klar aufgebaut ist, entsteht sofort ein Gefühl von Sicherheit. Der Besucher weiß, wo er klicken muss und was ihn erwartet. Wenn Dein Menü hingegen unklar ist, zu viele Punkte enthält oder nicht logisch aufgebaut ist, entsteht Unsicherheit.

Und genau diese Unsicherheit führt dazu, dass Besucher Deine Webseite wieder verlassen. Ein gutes Menü beantwortet also unbewusst Fragen wie:

Wo bin ich hier?
Was finde ich auf dieser Seite?
Wo klicke ich als nächstes?

Wenn Du das verstanden hast, baust Du Dein Menü automatisch anders auf.

Ein Menü entsteht nicht von selbst. Es basiert immer auf den Seiten, die Du zuvor erstellt hast. Das ist ein Punkt, den viele überspringen und sich dann wundern, warum ihr Menü nicht funktioniert.

Bevor Du also überhaupt an Dein Menü denkst, solltest Du Dir überlegen, welche Seiten Du wirklich brauchst.

Gehe deshalb zuerst in WordPress zu: Seiten → Erstellen

Für die meisten Webseiten reicht am Anfang eine einfache Struktur. Du brauchst keine zehn Seiten. Oft sind es genau diese wenigen Seiten, die am besten funktionieren, weil sie klar sind.

Typischerweise sind das:

• Startseite
• Über mich oder Über uns
• Leistungen oder Angebot
• Kontakt

Du musst hier nicht perfekt sein. Wichtig ist nur, dass Deine Struktur klar ist. Ein einfaches, verständliches Grundgerüst ist deutlich besser als ein überladenes Menü mit zu vielen Punkten. Wenn diese Seiten stehen, kannst Du im nächsten Schritt Dein Menü aufbauen.

Jetzt geht es in die eigentliche Menü-Erstellung. Diese passiert nicht direkt in Divi, sondern zuerst in WordPress selbst.

Gehe dazu in Deinem Dashboard auf: Design → Menüs

Hier kannst Du ein neues Menü erstellen und Deine Seiten hinzufügen. In diesem Moment legst Du die Reihenfolge fest, in der Deine Besucher Deine Inhalte sehen. Viele klicken hier einfach wild Seiten zusammen. Besser ist es, wenn Du Dir kurz Gedanken machst:

Was soll der Besucher zuerst sehen?
Was ist der nächste logische Schritt?

Eine klare Reihenfolge sorgt dafür, dass Deine Besucher intuitiv durch Deine Webseite geführt werden.

Ein typischer Aufbau wäre:

Startseite → Über mich → Leistungen → Kontakt

Nachdem Dein Menü erstellt ist, wechselst Du in den Divi Theme Builder. Dort baust Du Deinen Header, also den oberen Bereich Deiner Webseite, in dem Dein Menü sichtbar ist.: Divi → Theme Builder

Öffne Deinen globalen Header und füge ein Menümodul ein. In diesem Modul kannst Du Dein zuvor erstelltes Menü auswählen. Wähle hierzu zwei Spalten. Eine schmale und eine breite (Logo/Menü).

Dein Logo ist ein fester Bestandteil Deines Headers und sollte immer gut sichtbar sein. Es sorgt für Wiedererkennung und gibt Deiner Webseite Struktur. In Deinem Aufbau nutzt Du ein separates Bildmodul für Dein Logo und ein Menümodul für die Navigation. Das gibt Dir deutlich mehr Kontrolle über das Design.

Der Vorteil ist, dass Du Dein Logo unabhängig vom Menü positionieren kannst. Du kannst Abstände anpassen, Dein Layout ruhiger gestalten und Deine Webseite professioneller wirken lassen. Gerade wenn Du später an Deinem Design arbeitest, wirst Du merken, wie viel einfacher es ist, wenn Logo und Menü getrennt aufgebaut sind.

Im Modul kannst Du nun Dein zuvor erstelltes Menü auswählen. Damit ist Deine Navigation bereits sichtbar auf Deiner Webseite.

Sobald Du das gemacht hast, ist Dein Menü bereits sichtbar auf Deiner Webseite. Jetzt geht es darum, es richtig zu gestalten.

Ein häufiger Fehler ist, dass Logos viel zu groß hochgeladen werden. Dadurch wirkt der Header unruhig und das Menü verliert an Bedeutung. In Divi kannst Du die Darstellung Deines Logos anpassen, indem Du die maximale Höhe einstellst. Für die meisten Webseiten funktioniert eine Höhe von etwa 40 bis 60 Pixeln sehr gut. Wenn Du mehr Platz in Deinem Design hast, kannst Du auch etwas größer gehen, solltest aber darauf achten, dass das Menü weiterhin gut sichtbar bleibt

Noch wichtiger ist jedoch, dass Dein Logo bereits vor dem Hochladen eine sinnvolle Größe hat. Viele Logos sind ursprünglich viel zu groß und werden nur im Layout verkleinert. Das kann die Darstellung negativ beeinflussen. Dafür brauchst Du kein Canva oder Photoshop. Ein einfaches Tool wie iloveimghilft Dir das Logo auf etwa 200 bis 300 Pixel Breite zu verkleinern. Ddie Höhe wird automatisch angepasst.

Die Größe Deines Logos hat einen direkten Einfluss auf die Wirkung Deiner Webseite. Ein zu großes Logo drückt Dein Menü nach unten und sorgt dafür, dass Dein Header unruhig wirkt. Ebenso wirkt es sich auf die Ladegeschwindigkeit Deiner Webseite aus.

Ein großer Teil Deiner Besucher kommt über das Smartphone.

In Divi wird Dein Menü automatisch zu einem Burger-Menü umgewandelt. Trotzdem solltest Du prüfen, ob Dein Logo gut sichtbar bleibt und ob die Navigation einfach zu bedienen ist.

Trotzdem solltest Du prüfen, ob Dein Logo gut sichtbar bleibt und ob Dein Menü einfach zu bedienen ist.

Fazit

Ein Menü zu erstellen ist technisch einfach, aber die Struktur dahinter macht den Unterschied. Wenn Du zuerst klare Seiten erstellst und darauf basierend Dein Menü aufbaust, entsteht automatisch eine verständliche Navigation.

In Divi kannst Du Dein Menü anschließend sauber einbinden und Dein Logo gezielt integrieren. Durch die Trennung von Logo und Menü bekommst Du mehr Kontrolle über Dein Design und kannst Deine Webseite professioneller gestalten.

Wenn Du zusätzlich auf die richtige Logo-Größe und eine saubere mobile Darstellung achtest, schaffst Du eine Navigation, die Deine Besucher führt und nicht verwirrt.

🎥  Menü & Logo in WordPress und Divi erstellen

Wie viele Seiten braucht Deine Webseite wirklich?

Wenn Du Deine Webseite nicht nur technisch umsetzen willst, sondern von Anfang an eine klare Struktur brauchst, dann lade Dir meinen kostenlosen Leitfaden herunter:

"Dein roter Faden"