Divi Layouts: vorbereitete Designs zum Herunterladen

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 KitDivi 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 PackSmall 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. 3Divi 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 PagesHow to Use Divi Wireframe Kit for 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 PackCrossfit 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)

Another Free Divi Landing Pages Layout PackDivi 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

Divi Layout für Hochzeiten: Happily

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.

Free Divi Layout Pack: Cherry BlossomCherry 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!

3 Kommentare

  1. Birte Steinmetz

    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

    Antworten
    • Nils

      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.

      Antworten
  2. Marcel Diaz Rodriguez

    Vielen Dank für die Liste! Das hat mir sehr weiter geholfen.

    VG
    Marcel

    Antworten

Einen Kommentar abschicken

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