Divi Theme • Header einrichten mit Divi Theme Builder • Für mehr Individualität und Professionalität
Вставка
- Опубліковано 3 жов 2024
- 🔽 Klicke auf "MEHR ANSEHEN"
In diesem Video zeige ich dir, wie du dir mit dem Divi Theme Builder einen ganz individuellen Header gestalten kannst.
Inhalte des Videos:
01:35 - Ideen für einen Header
03:18 - Header mit dem Theme Builder erstellen
10:24 - Header für mobile Endgeräte anpassen
Erwähnte Links:
Pinterest Pinnwand: www.pinterest....
Hast du Fragen hast, dann schreib es mir gerne in die Kommentare!
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ LEISTUNGEN
🟢 Beratung & Umsetzung: www.hhess.de/b...
🟢 90 Minuten Zoom (Du fragst, Ich zeige wie es geht): www.hhess.de/y...
🟢 Website mit Divi selbst erstellen: www.hhess.de/y...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ ANGEBOTE (0 EURO)
🟡 Exklusive Online-Business & Website-Tipps: www.hhess.de/y...
🟡 WordPress Einsteigerkurs: www.hhess.de/y...
🟡 Linktree Vorlage für Divi: www.hhess.de/y...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ EMPFEHLUNGEN
✅ Divi-Theme: www.hhess.de/e... *
✅ Divi Pixel: www.hhess.de/e... *
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ DIR GEFALLEN MEINE VIDEOS?
💖 Spendier' mir doch nen Kaffee: www.buymeacoff...
💖 Hinterlasse ein Feedback, dass mich umhaut: www.hhess.de/g...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ ÜBER DIESEN KANAL
Auf diesem Kanal findest du hilfreiche Videos zu WordPress, Divi und Co. Hier bekommst du nicht nur die Grundlagen vermittelt, sondern kannst mit den einfachen Schritt für Schritt Anleitungen, alles ganz einfach nachmachen. Mein Ziel ist, Online-Unternehmern das Thema WordPress-Website näher und verständlicher rüber zu bringen, damit du unabhängig deine Website erstellen und bearbeiten kannst. Wenn du individuelle Unterstützung brauchst, dann schreibe eine E-Mail an website@hhess.de
🚨 Kanal abonnieren: www.hhess.de/a...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ LINKS
🚀 Instagram: / hiacynta.hess
🚀 Website: www.hhess.de
🚀 Podcast: www.hhess.de/y...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
▶ TRANSPARENZHINWEIS
Die Inhalte dieses Kanals stelle ich dir kostenlos zur Verfügung!
Alle Links die mit einem * gekennzeichnet sind, sind sogenannte Affiliate Links. Bestellst du etwas über diesen Link, erhalte ich eine minimale Provision. Für dich entstehen keine zusätzlichen Kosten. Generell empfehle ich nur Tools bzw. Anbieter, die ich selbst getestet habe und uneingeschränkt empfehlen kann. Danke für deine Unterstützung!
Hallo Hiacynta, sehr schönes Video. Hat mir als Anfänger von Divi sehr geholfen. Allerdings ist bei mir das Hamburger Menü Icon unter dem Logo und nicht rechts daneben, obwohl ich alle Schritte genauso gemacht habe, wie Du. Wenn ich mir das dann auf dem Mobilgerät anschaue, sind die beiden Spalten auch untereinander und nicht nebeneinander. Vielleicht hast Du einen Tipp für mich? LG
Du musst dazu in die Menu Einstellungen gehen und dann auf den Reiter Design. Bei Layout musst du dann Linksbündig auswählen. Dann wird das Logo links und das Hamburger Menu rechts angezeigt.
Super. Vielen Dank. Sehr schön gemacht.
Super Video, vielen Dank
@hiacynta Danke für Deine Nachricht. Ich hab es mittlerweile herausgefunden. Video einfach im Text einbetten und CTA einfach im Divi-Builder mit anlegen. Du erklärst die Dinge sehr anschaulich und in einem Tempo, in dem ich keine Schnappatmung bekomme. Das gefällt mir sehr. Danke 🙏🏻
Ah perfekt, vielen lieben Dank, dass du auch die Lösung öffentlich mit uns teilst 😊
Hallo Hiacynta, sehr informatives Video welches Du da erstellt hast. Bei der Anpassung an das Mobiltelefon ist mir aufgefallen, dass Du den CTA vergessen hast einzubinden.
Viel Erfolg weiterhin...
Herzlichen Dank für deinen Kommentar. Den CTA Button habe ich absichtlich weggelassen ;)
Hallo Hiacynta, Du rettest mir zur Zeit das Leben mit Deinen tollen Video - vielen Dank dafür! Ich hab die Frage: Was mache ich wenn ich auch zusätzlich ein Sekundärmenü habe? Dann erscheinen in der Mobile Version nämlich zwei Burger Navigationen? Kann man Hauptmenü und Sekundärmenü für diesen Fall vereinen und wenn ja wie? Danke fürs helfen! LG 🌸
vielen Dank 🙂
Hey liebe Hiacynta, kannst Du die Anleitung bzgl. Headerbestandteile vertikal zentrieren noch einmal separat verlinken? Danke schön 🙂
Hey. Ich verfolge dich jetzt seit paar tagen, weil ich mich grade in Divi einarbeite. Vorab muss ich sagen, dass deine Videos der Hammer sind. Und zu dem video generell wolte ich fragen, ob man die Menüpunkte auch einzeln mit einem Hintergrund belegen kann, sodass sie ein bisschen wie Buttons wirken😊. Ich hoffe du siehst das hier, weil das video ja doch schon 1 Jahr alt ist..beste grüße 😊😊
Hi, über das Menü Modul wird es so nicht direkt gehen. Aber warum möchtest du denn jeden Menüpunkt mit einer Hintergrundfarbe belegen? Kann mir gerade nicht vorstellen, wo ich das mal gesehen habe 😀
Vielen Dank für die tolle Erklärung. Das hat alles gut funktioniert. Leider ist es so, dass beim Navigieren (bei Desktop und Tablet) beide Headerversionen kurz
zu sehen sind, bevor die neue Seite angezeigt wird. Hast Du eine Idee, wie man das verhindern kann? Danke 😊
Bei welchem Hoster bist du denn genau? Ich kenne das von den etwas langsamen und günstigen Hostern
@@HiacyntaHess Strato
Hallo Hiacynta, danke für das Video! Leider habe ich nicht gefunden, wie ich die Spaltenbreite bei einem Layout von 4 Spalten händisch anpassen kann, so wie ich es gerne hätte. Hast du eine Idee? Lieben Gruß
Meinst du die gesamte Spaltenbreite oder die breite der einzelnen Spalten? Zu letzterem könnte dir das helfen: ua-cam.com/video/V7-bHag2rx4/v-deo.htmlsi=_infYjvKsNBhymRb
Hallo Hiacynta, vielen Dank für das Video, sehr anschaulich. Ich habe das Problem, das der Sticky Header beim Scrollen "hüpft" und das Menu etwas nach unten rutscht . . . Was kann ich tun?
Hallo Hiacynta, danke für deine tollen Videos! Meine Frage zu diesem Video: Ich habe wie du gezeigt hast den Header dupliziert und angepasst, alles gut. Wenn ich aber am Desktop eine andere Seite aufrufe, sind kurz beide Header sichtbar (Das Mobillogo sehr groß). Hast du einen Tipp, was ich falsch gemacht habe? Danke für deine Antwort! Liebe Grüße Robert
Hallo Hiacynta, das ist echt fantastisch. Danke! Wie kann man denn die Menüs ausblenden (für Landing Page)?
Hallo Robert, das Video sollte dir dabei helfen: ua-cam.com/video/iCrajx03KNo/v-deo.html
Bitte ein Video wie man vorgegebene Divi templates integrieren kann, sowie Ergänzungen mit Gutenberg
Sehr schön erklärt, gibt es denn eine einfache Möglichkeit den Standard Header zu erweitern? ich bräuchte da nur ein Element darüber?
Hallo Stephan,
meinst du mit Standard Header, den Header den du mit dem Customizer erstellt hast?
@@HiacyntaHess ja genau diesen, der sollte so bleiben, nur muss darüber eine Zeile mit Text
@@WildesFranken da wird man wohl nicht drumherum kommen und muss den Header mit dem theme builder erstellen. Mit dem customizer ist man da doch sehr eingeschränkt
@@HiacyntaHess ok danke dir
Hallo Hiacynta, habe mir jetzt auch mal einen Globalen Header für Desktop und Handy eingerichtet. Als ich heute Morgen mein Tablet zur Hand genommen habe und es in den Querformat gestzt habe zeigte er mir den Desktop header an. Daduch ist natürlich meine Menüstrucktur völlig daneben. Sitze jetzt schon 2 Stunden hier und finde keine Lösung dafür. Gibt es dabei einen Trick? Schon einmal vielen Dank für deine sehr guten Videos. LG
Danke für das leicht verständliche Video. Ich habe eine Landingpage, auf der das Menü nicht angezeigt werden soll. Auf der restlichen Homepage aber schon. Wie kann ich den globalen Header für einzelne Seiten ausblenden? Über Divi Theme ---> Optionen --> Navigation --> Seiten von der Navigation (Menü) ausschließen: funktioniert es nicht. Vielen Dank.
Öffne dazu am besten die Landingpage, allerdings nicht im Divi Builder, sondern gehe dazu aufs Dashboard » Seiten » Wähle die Seite um die es geht.
Dann hast du rechts bei den Widgets den Punkt "Seitenattribute" dort wählst du bei Template "Blank Page" aus und dann ist sowohl Header als auch Footer deaktiviert
@@HiacyntaHess Danke, das hat gut funktioniert. Wäre allein nie darauf gekommen. :-)
@@sabineeilers9298 sehr gerne
Liebe Hiacynta, danke für Deine tolle Arbeit. Wonach ich verzweifelt suche ist, wie ich bei Divi für eine Landingpage ein anderes Menü einstellen kann, als für die Startseite. Bislang gehe ich bei Wordpress über Design in die Menüs und kann dort ja auch ein neues erstellen. Aber wie bekomme ich es nun hin, daß das Menü für die Landingpage NUR auf der Landingpage zu sehen ist? Kannst Du mir da weiterhelfen? LG Helene
Liebe Helene,
das ist eine ausgezeichnete Frage und die nehme ich gerne zum Anlass und erstelle daraus ein neues Video, da es anderen sicherlich auch weiterhelfen wird.
Im Grunde ist dein Ansatz schon richtig, du erstellst dir unter dem Reiter Design ein neues Menu, was speziell für die Landingpage gilt.
Im Anschluss gehst du unter dem Reiter Divi auf den Theme Builder, dort kannst du dir verschiedene Vorlagen erstellen. Du erstellst dir speziell für die Landingpage eine eigene Vorlage und wählst jedoch nicht den globalen Header aus, sondern erstellst dir eben speziell für diese Landingpage einen individuellen Header. Ich hoffe, dass das jetzt so halbwegs verständlich war. Falls es nicht gerade eilt, würde ich dazu ein Video aufnehmen und es am Montag online stellen. Liebe Grüße Hiacynta
@@HiacyntaHess , ich danke Dir sehr, auch für das passende Video dazu. Wirklich großartig! Es gibt noch eine weitere Frage, die gerade nicht nur mich beschäftigt. Und zwar haben wir für die Blog-Beiträge eine Vorlage im Theme Builder erstellt. Divi gibt unter "Beitrag" ein Modul heraus, dass neben Überschriften auch Platz für ein Foto bereitstellt. Was aber nun, wenn ich noch einen CTA einbauen möchte und anstatt eines Fotos ein Video einflechten möchte? Wie integriere ich die Module in die Beitragsvorlage? Und wie kann ich über den Standard Editor dann das Video einflechten? Ich sehe in meinem Editor hierfür keine Möglichkeit, so dass ich mir auch die Frage stelle, ob es verschiedene Standard-Editoren gibt. Jetzt hoffe ich, dass ich die Frage so gut formuliert habe, dass die Problematik klar wird. Ich wünsche Dir Frohe Ostern, Helene
@@helenegriebecom Ein Video kannst du über den klassischen Editor bzw. den Gutenberg Editor in deinen Artikel einfügen, das sollte auch ohne Probleme angezeigt werden. Wegen dem CTA Muss ich da nochmal überlegen ^^
Hallo Hyacinta, auch dies ein tolles Video, vielen Dank dafür. Ich habe mit meinem Header folgendes Problem. In Divi sind alle Versionen prima. Auf dem Desktop sieht der Header auch gut aus, bis ich die Seite zusammenschiebe, dann rutscht der Inhalt irgendwann unter den Header-Bereich. Die Tablet- und Handy-Versionen sind sehr merkwürdig ... Auf einigen Seiten ist alles so, wie es sein soll, auf anderen Seiten rutscht das Hamburger Menü einfach runter. Im Theme Builder sehe ich dieses "Springen" auch, wenn ich mit der Maus über den Bereich fahre. Hast Du einen Tipp für mich, was das sein kann?
Es wird gerade immer schlimmer ... 😮 Jetzt stehen auf der Startseite jeweils zwei Header und zwei Footer übereinander ...
Hast du für Desktop und Responsive zwei verschiedene Header erstellt? Hast du den Cache gelöscht?
@@HiacyntaHess Ich habe alles gemacht, inkl. Header komplett neu aufbauen. Immer wieder das gleiche Problem.
Ich habe es jetzt indirekt gelöst, indem ich den Header über den Customizer laufen lasse und nicht über den Divi Theme Builder ... Und siehe da, es geht. Also alles gut. 😉
@@KerstindeVries super, danke für deine Rückmeldung und Lösung 👍
Tolles Video, mir gefallen deine alle sehr gut. Was ist, wenn es mir dann doch nicht gefällt. Wie kann ich das dann wieder rückgängig machen?
Hallo Elke,
wenn der Divi Builder aktiv ist, hast du unten eine lila Kugel mit drei Punkten. Klicke da drauf und dann hast du rechts so eine Uhr, dort kannst du die EInstellungen rückgängig machen.
Hast du das allerdings gespeichert und den Divi Builder geschlossen, werden diese Revisionen gelöscht
Hallo Hiacynta, wo hast du das Video , indem man den Header einheitlich zentrieren kann?
Meinst du das Video Divi vertikal zentrieren?
@@HiacyntaHess Ja genau, danke
Super erklärt. Danke. Wie bekomme ich im Menü die Punkte anders sortiert? Der Rest hat super geklappt.
Dazumusst du im Dashboard auf den Reiter Design klicken und dann auf den Punkt Menu. Dort siehst du eine Auflistung deiner Menupunkte und kannst per Drag & Drop die Reihenfolge ändern
@@HiacyntaHess danke. Hat geklappt 👍🏼
Hallo Hiacynta, vielen Dank für das tolle, informative Video. Leider wird auf meinem Handy das Logo genau so groß angezeigt wie auf dem Desktop. Es passt sich nicht responsiv an. Ich habe schon probiert unter "Größe einstellen" statt 100 % z. B. 80 % einzustellen - das hat leider keinerlei Effekt wenn ich das auf meinem Smartphone anzeigen lasse. Auch nach leeren des Cache zeigt es die Größe nicht richtig an. Kannst Du da helfen ?
Hast du es mal versucht auf 20% zu gehen?
Hi! :) Der Header verdeckt meine Überschrift im Beitrag, je nachdem ob ich in Desktop (da wird es angezeigt) oder Mobilansicht (je schmaler der Screen, desto weniger sieht man vom oberen Abschnittsteil) bin. Was soll ich einstellen, um diesen Fehler zu umgehen? Vielen Dank!
Es kann sein, dass die Ebenen nicht stimmen. Teste mal folgendes: Gehe jeweils in die Abschnittseinstellungen → Erweitert → Arbeitsstelle dann schau mal was bei z-index steht. Evtl. musst du da etwas eintragen, z.B. 1 oder 2. Das Element mit der 2 liegt dann über dem Element mit der 1. Womöglich ist das die Lösung
@@HiacyntaHess der Header ist fixed mit z 9999, dadurch sind die Sections des Beitrags darunter gesprungen. Theoretisch brauche ich einen "Puffer"code, der erkennt dass die Sections erst ab Unterkante Header beginnen.
Beim scrollen bleibt der Header nicht im Vordergrund, d.h. der "Body" schiebt sich unter den Header und ist leider dort dann auch zu sehen,so dass der Header nicht mehr richtig gelesen werden kann
bleibt der Header aber fixiert?
@@HiacyntaHess ja bleibt er
Hallo, konnte es finden. Mein Header hat eine Hintergrundfarbe und die war "ein wenig" transparent eingestellt. Jetzt habe ich es auf "NICHT transparent" eingestellt. Dann ist es ok, d.h. der Header ist jetzt immer richtig zu sehen, da er ja "NICHT transparent" ist. Danke für die Hilfe.
hallo soweit super erklärt. Bei mir gibt es nur das Problem das Divi dann rum bugt, wenn ich es so mache wie du. Dadurch das wir ja sogesehen 2 Header erstellen ( mobil+ Desktop) hat Divi bei mir das Problem von, ich nenne es mal "Entscheidungsneurose". Also beim Aufbau der Webseite gibt Divi erstmal beide Versionen auf einmal aus, im Bruchteil einer Sekunde verschwinden dann erst die nicht passenden Darstellungen. Sprich: ich lade auf meinem Desktop meine Startseite, nun lädt er für einen kurzen moment den Desktop+ Mobil Header, dann verschwindet der "falsche mobile Header wieder und lädt so wie es sein soll. Kurz gesagt : Anzeige Bug. Das komische ist, dass dieser Fehler nicht immer passiert. wenn ich zb nach einem mal Laden der Seite einen refresh mache, baut die Seite auf anhieb richtig auf. Nun die Frage, weißt du eventuell woran es liegen könnte? Wenn nicht, gibt es eine Möglichkeit einen Header für beides gleichzeitig zu machen, sodass es nicht die entweder oder situation für Divi gibt? mich stört es auch nur weil für einen kurzen Moment durch den Anzeige Bug der Inhalt der Seite Teilweise verdeckt wird. Und Gesund sieht das auch nicht aus . Vielen Dank im Vorhinein :) LG Marcel
Sorry für die späte Rückmeldung. Nutzt du ein Cache Plugin? Evtl. könnte es daran liegen.
Sorry, wer lesen kann, ist klar im Vorteil ;-)