ASTRA - WORDPRESS - ELEMENTOR
Ihre eigene Website erstellen von A-Z
  • Website planen
  • WORDPRESS
  • Elementor
  • ASTRA
  • astra - One-Page-Website
  • LANDINGPAGE
  • Homepage-Tools
  • RISTORANTE
  • STARTSEITE
  • KI
  • Einführung
  • Editor/Über uns
  • Widgets -gratis-
  • Widgets -PLUS-
  • Nützliche Funktionen
  • Responsiv
  • Blog
  • Header & Footer
  • OceanWP
  • MEGA-MENÜ
  • Dynamische Inhalte

Suche

HEADER IM THEME-BUILDER

  • Theme-Builder - Menü für den Header anlegen
  • Theme Builder - zusätzliche Widgets
  • Theme-Builder - Header-Template erstellen
  • Theme-Builder - Sticky Header erstellen
  • Theme-Builder - Loop Builder
  • Theme-Builder - Loop - Grid erstellen
  • Theme-Builder - Taxonomie-Filter - 2 -
  • Theme-Builder - Taxonomie-Filter - 1 -
  • Theme-Builder - Popups
  • Theme-Builder - Popup Kontakt / Seitl. Logo
  • Theme-Builder - Popup Newsletter
  • Header-mit Widget Ultimate Addons for Elementor
  • Header anlegen (Envato-Elements)
  • Footer anlegen (Envato-Elements)
  • Header / Footer
  1. Elementor
  2. Header & Footer
  3. Elementor1
  4. Theme Builder 2
  5. Theme Builder 3

Widget- installieren:
Ultimate Addons for Elementor

 Einen Header oder Footer in der kostenlosen Elementor-Version kann nicht einfach erstellt werden. Hierzu benötigen Sie ein Widget.

Plugins / Neues Plugin hinzufügen / Widget-Namen: Ultimate Addons for Elementor

Header Widgets 05

Jetzt installieren / Aktivieren



Header & Footer Builder aufrufen

Noch sind weder Footer noch Header angelegt



Typ des Templates

  1. Neues Template hinzufügen:
    Klicken Sie auf Neu hinzufügen und wählen Sie Header aus der Dropdown-Liste.
  2. Template benennen:
    Geben Sie Ihrem Header-Template einen Namen, z. B. „Header“.
  3. Typ des Templates
    Hier können Sie zwischen verschiedenen Header-Layouts wählen, z. B.:
    • Standard Header:
      Ein einfacher Header mit Logo und Navigation.
    • Sticky Header:
      Ein Header, der beim Scrollen oben bleibt.
    • Transparent Header:
      Ein Header, der transparent ist und über den Inhalt gelegt wird.


 


Anzeigen auf

Wählen Sie aus, wo der Header angezeigt werden soll:

  • Auf der gesamten Website:
    Der Header wird auf allen Seiten angezeigt.
  • Nur auf bestimmten Seiten oder in bestimmten Beiträgen
    Wählen Sie spezifische Seiten oder Beiträge aus, auf denen der Header angezeigt werden soll.
  • Kategorien oder Tags:
    Sie können den Header auch nur für bestimmte Kategorien oder Tags aktivieren.
  • Nur auf einer bestimmten Seite
    Anzeige des Headers nur auf der Home-Seite

Sie können auch mehrere Seiten festlegen, auf denen der Header oder Footer gezeigt werden soll.



Benutzerrollen



Layout für das Elementor-Canvas-Template aktivieren?

In Elementor: Canvas-Template aktivieren: Header Widgets 14
Wenn Sie ein Canvas-Template verwenden möchten, um einen Header ohne Ablenkungen zu erstellen, aktivieren Sie diese Option.  Wählen Sie im Layout-Bereich die Option Elementor Canvas aus. Dies entfernt alle anderen Elemente und gibt Ihnen eine leere Seite, um Ihren Header zu gestalten.

Auf der leeren Seite fügen Sie Ihre gewünschten Elemente hinzu, wie Logo, Navigation und andere Widgets, um den Header nach Ihren Vorstellungen zu gestalten.

 

 

 

 

 

 

 

 

 

 

 


 

 

 

 

 

 

 

 

 

Menü für den Header anlegen

Design / Menüs / Erstelle ein neues Menü /
Name: Main Menu / Position im Theme: Primäres Menü

Header Widgets 01

Menü erstellen


 


Menüeinträge hinzufügen

Design / Menüs / Main Menu / Seiten - Zum Menü hinzufügen

Header Widgets 02 

Menü speichern



Menü wurde angelegt

Header Widgets 03

 

 

 

Header anlegen Header Widgets 14

Eine leere Canvas-Seite wird angezeigt, in die wir dann den Header integrieren.
Envato Elements Vorlagen (siehe OceanWP ) sind installiert.

Header Widgets 15

Reiter: Freie Blöcke

Header Widgets 16



Kostenlosen Blockbereich Header wählen

Header Widgets 17



Header Block mit Navigation auswählen

Header Widgets 18

Insert Template



Header-Block wurde eingefügt

Header Widgets 19



Block in Container umwandeln

Die Vorlage besteht noch aus einem Abschnitt, dem früheren Elementor Design. Heute arbeitet Elementor nur noch mit Containern, daher diesen Abschnitt in einen Container umwandeln und danach den Abschnitt löschen.

Header Widgets 20

den oberen Bereich löschen

Header Widgets 21



Anzeige für PRO und auch Logo löschen

Header Widgets 23



Envato-Widget Website-Logo links nach oben hinziehen

Logo verwenden, das im Customizer ausgewählt wurde.

Header Widgets 24



Navigationsmenü-Widget in die Mitte ziehen

Header Widgets 25


 


Header Builder - Header dort angezeigt

Header Widgets 26


 


Neuen Footer anlegen

Im gleichen Arbeitsgang wird auch der Footer erstellt, sodass Header und Footer auf einer Seite zu sehen sind. Unter dem Header NEUEN BLOCK anlegen.

Header Widgets 29

Mit Elementor bearbeiten



Envator Elements aufrufenHeader Widgets 14

Eine leere Canvas-Seite wird angezeigt, in die wir dann den Footer integrieren.
Envato Elements Vorlagen (siehe OceanWP ) sind installiert.

Header Widgets 15

Reiter: Freie Blöcke

Header Widgets 16


 


Kostenlosen Blockbereich Footer wählen


 


Footer Block mit Navigation auswählen

Insert Template


 


Footer-Block wurde eingefügt



Block in Container umwandeln

Die Vorlage besteht noch aus einem Abschnitt, dem früheren Elementor Design. Heute arbeitet Elementor nur noch mit Containern, daher diesen Abschnitt in einen Container umwandeln und danach den Abschnitt löschen.

den oberen Bereich löschen



Anzeige für PRO und auch Logo löschen



Abschnitt Footer wird angezeigt

Header Widgets 32



Abschnitt Footer in Container umwandeln

Header Widgets 31

Der Container wird darunter angezeigt, sieht genauso aus, darüber den alten Abschnitt löschen.



Container Footer wird gezeigt

Header Widgets 32



Menü in der Mitte platzieren (vertikal)

  • Navigationsmenü bearbeiten / Inhalt / Layout / Layout: vertikal
  • Navigationsmenü bearbeiten / Stil / Typografie: Schriftschnitt 700 (Fett)
  • Navigationsmenü bearbeiten / Stil / Schriftfarbe: weiß

Header Widgets 33

 

 

 

 

 

Seite 2 von 2

  • 1
  • 2