Nachtrag: Mittlerweile hat Elegant Themes eine eigene Layout Bibliothek erstellt, die über 1.000 Layouts enthält. Die du dir ruhig genauer ansehen solltest. Dort ist auch das aktuelle Vorgehen auch für das manuelle Hochladen beschrieben. Es lassen sich auch weiterhin Layouts von Drittanbietern hochladen, aber die folgenden Links sind schon etwas in die Jahre gekommen. Laut Elegant Themes soll es bald einen in Divi integrierten Marktplatz mit Drittanbieterlayouts geben.
Divi Layouts sind vorbereitete Designs für das Divi Theme, die man in die Divi Library lädt und dann schnell auf der eigenen Website einfügen kann. Dabei kann es sich sowohl um einzelne vorbereitete Divi Builder Module handeln, ganze Reihen (rows), Sektionen (sections) bis hin zu kompletten Seitendesigns.
Diese Funktion ist einerseits sehr praktisch, wenn man selbst etwas schön gestaltet hat und dann ohne viel Aufwand wieder verwenden will, andererseits kann man auf diese Weise auch auf von anderen vorbereitete Layouts zurückgreifen. Meist muss man nur wenig Anpassungen vornehmen, um schnell und mit wenig Aufwand ein individuelles Design zu erhalten.
1. Kostenfreie Divi Theme Layout Packs zum Download von Elegant Themes
Elegant Themes bietet selbst eine Reihe von Layouts zum kostenfreien Download an. Damit du nicht lange suchen musst, listen wir dir alle verfügbaren Layouts auf. Eine ganze Reihe dieser Layout Packs wurden im Zuge des Divi 100 Marathon veröffentlicht.
Divi Coming Soon Pages Layout Kit
Zum Erstellen einer Ankündigung mit der Anzeige eines Countdown Zählers. Wird gerne im Vorfeld von Veröffentlichungen von Artikeln, Büchern, Konferenzen, Websites oder anderen wichtigen Ereignissen genutzt.
Download: Coming Soon Pages Layout Kit (Divi 100, Day 98)
Small Business Divi Layout Pack
Ein Layout Paket von Olga Summerhayes mit vier vorbereiteten Seitendesigns, die zusammen die Vorlage für eine kleine Business Homepage mit Startseite (Home), einer Serviceübersicht (Services), einer „Über Uns“ Seite (About) und Kontaktseite (Contact) bilden.
Download: Small Business Divi Layout Pack (Divi 100, Day 94)
Divi Wireframe Kit Vol. 3
Der dritte Teil des Divi Wireframe Kit von Elegant Themes. Wie bereits in Vol. 1 und Vol. 2 enthält auch das dritte Wireframe Kit keine Layouts zum direkten Einsatz, sondern Vorlagen aus denen man einen Seitenaufbau gestalten kann, der aber stets zumindest farblich noch angepasst werden muss.
Download: Divi Wireframe Kit Vol. 3 (Divi 100, Day 93)
How to Use the Divi Wireframe Kit to Create Professional Landing Pages
Auch wenn Layouts für Landing Pages zum Download angeboten werden, ist dies eher ein Tutorial für die Verwendung des Wireframe Kits, um eigene Landing Pages zu gestalten. Im Download sind auch die fertigen Landing Page Layouts enthalten, die sich auch separat ohne Wireframes im dem etwas weiter unten genannten Link zum „Divi Landing Pages Layout Pack“ finden.
Download: Layouts für „How to Use the Divi Wireframe Kit to Create Professional Landing Pages“ (Divi 100, Day 91)
Crossfit Inspired Layout Pack
Layout Pack mit Designs zum Erstellen einer Fitness Homepage. Das Pack wurde von dem sehr aktiven Divi Entwickler Geno Quiroz mit Hilfe der bereits vorgestellten Divi Wireframe Kits Vol.1 und Vol. 2 erstellt.
Im Pack enthalten sind Vorlagen für vier Seiten: Eine Startseite (Home), eine „Über Uns“ Seite (About), eine Serviceübersicht (Services) und eine Kontaktseite (Contact).
Download: Crossfit Inspired Layout Pack (Divi 100, Day 89)
Divi Landing Pages Layout Pack
Eine Sammlung an Landing Pages Layouts, die auf den veröffentlichten Wireframe Kits Vol. 1 und Vol. 2 basieren. Landing Pages sollen dem Besucher schnell über das angebotene Produkt oder den Service informieren und zu einer Handlung motivieren wie z.B. Kauf, Kontaktaufnahme oder den Newsletter zu abonnieren.
Die fertigen Layouts können problemlos übernommen werden. Wer wissen will, wie man vorgeht, um aus dem Wireframe Kits eigene Landing Page Layouts zu erstellen, sieht sich den etwas weiter oben genannten Artikel „How to Use the Divi Wireframe Kit to Create Professional Landing Pages“ genauer an.
Die mit dem Layout Pack importierten Bilder sind von Unsplash.com und können über die Unsplash License (CC0) problemlos auf privaten und kommerzielle Websites ohne Urheberangaben verwendet werden.
Download: Divi Landing Pages Layout Pack (Divi 100, Day 84)
Weitere Divi Layouts
Happily: Hochzeits Layout
Das sehr ansprechend gestaltete kostenfreie Hochzeits Layout „Happily“ stellt Ania Romańska zur Verfügung. Auf ihrer Website bietet sie ebenfalls sehr schön gestaltete Divi Child Themes zum Kauf an.
Cherry Blossom Layout Pack
Ein kostenfreies „blumiges“ Layout Pack von Computer Scene Technical. Das Pack enthält fünf Layouts: Home (Startseite), About (Über mich/uns), Gallery (Gallerie), Blog und Contact (Kontaktseite). Durch die blumig verspielte Natur des Designs ist es weniger für „ernste“ Buisinessseiten geeignet. Es gibt eine Demo des Cherry Blossom Layout Packs.
Es gibt weitere Divi Layouts von Elegant Themes und anderen Anbietern. Wir werden regelmäßig weitere Links zu dieser Liste ergänzen. Also schau gerne wieder vorbei!
… to be continued!
Hi, eine Frage – wenn ich schon direkt nach der Divi-Installation mit einer nackten Seite angefangen habe, aber damit nicht weiter komme und es neu über ein Layout-pack versuchen möchte – wie mach ich das am schlausten…?
Danke und liebe Grüße
Birte
Hallo Barbara,
kommt drauf an, inwieweit du die bisher erstellten Seiten noch verwenden willst z.B. um Textinhalte in die neuen Seiten zu kopieren. Ansonsten kannst du die Seiten ja neu mit dem neuen Layouts aufbauen und erst wenn du sicher bist, dass du die alten Seiten nicht mehr benötigst, diese dann löschen. Einzig die URL der alten Seiten würde ich vorher anpassen, damit die neuen Seiten keine angehängte 2 in der URL erhalten.
Eine komplett neue und eigenständige Installation würde ich nur dann andenken, wenn du extrem viele Seiten erstellt hast.
Vielen Dank für die Liste! Das hat mir sehr weiter geholfen.
VG
Marcel