Inhalt des Artikels
Top Divi Layout Packs für jede Nische
Design Agency – Ideal für ein kreatives Portfolio, mit dem sich etwas erreichen lässt
Ein attraktives Layout, klare Handlungsaufforderungen und subtile Animationen – damit fesselt Design Agency (Design-Agentur) die Aufmerksamkeit Deiner Besucher. Die Homepage überzeugt mit einem pfiffigen Split-Screen, der wichtige Inhalte in einem auffälligen gelben Kasten zur Geltung bringt. Der Besucher wird aufgefordert, auf den CTA Learn More (Mehr erfahren) zu klicken, aber wenn er nach unten scrollt, werden Bilder und Textabschnitte eingeblendet: ein netter interaktiver Touch. Auf einer Portfolioseite und drei Projektseiten stellst Du Deine besten Arbeiten vor. Darüber hinaus kannst Du potenziellen Auftraggebern auf der Seite Case Study (Fallstudie) zeigen, wie wertvoll Deine Arbeit für frühere Kunden war. Das Layout all dieser Seiten ist schlicht und übersichtlich. Deine Besucher erfassen die wichtigsten Informationen auf einen Blick. Auf den Blog-Seiten und der Über-uns-Seite kannst Du außerdem etwas über Dich oder Dein Unternehmen erzählen und das Vertrauen potenzieller Auftraggeber gewinnen.
Expertentipp: Du bist noch auf der Such nach dem richtigen Host für Deine WordPress-Website? Dann solltest Du Hostinger in Betracht ziehen. Das ist der bei weitem günstigste (und dennoch zuverlässige) Hosting-Dienst. Seine Leistung ist laut unseren Tests mehr als respektabel.
Coffee Shop – Erste Wahl für Cafés und Kaffeehäuser
Coffee Shop (Café) bietet alle Funktionen, die Du für die Eröffnung eines neuen oder für den Ausbau eines bestehenden Cafés brauchst – und noch einiges mehr. Seitenweise werden ansprechende Bilder Textabschnitten gegenübergestellt, mit denen Du Deine Besucher davon überzeugen kannst, dass Dein Café einzigartig ist. Im gesamten Theme werden Deine Besucher mit CTAs dazu angehalten, sich Deine Speise- und Getränkekarte anzusehen, Deinen Online-Shop zu besuchen oder sich zu Deinen Newsletter anzumelden. Auf der Blog-Seite oder auf der Hinweisseite kannst Du dafür sorgen, dass sich die Kunden in Deine Marke verlieben. Keine Überraschung: Coffee Shop enthält einen integrierten Shop. Wenn Du den nutzen willst, brauchst Du allerdings WooCommerce. Die Shop-Seite ist stilvoll und vielseitig. Ohne großen Anpassungsaufwand bringst Du problemlos Kaffee-Abos, Zubereitungsanleitungen und sonstige Dinge an den Mann. Und nein: Divi berechnet für E-Commerce keine Extra-Gebühren.Expertentipp: Divi ist mit dem WooCommerce-Plugin vollständig kompatibel. Bevor Du den Shop einrichtest, solltest Du Dir allerdings unsere Liste der besten WooCommerce-Hosting-Anieter 2024 ansehen. Der Host, den Du Dir aussuchst, sollte Dir unbedingt alle Ressourcen bieten, die Du für einen Online-Shop benötigst.
Web Freelancer – Originelle Interpretation einer geschäftlichen Website oder eines Lebenslaufs
Knallige Farben allein machen Deine Website noch nicht zum Blickfang. Deshalb stellt Web Freelancer (Freiberufler im Web) Dein Eröffnungsbild diagonal geneigt dar: ein einzigartiges Design, das man nicht so leicht vergisst. Die Homepage präsentiert sich ebenso wie die Landingpage mit klarer Überschrift und einer Beschreibung auf der linken Seite. Die rechte Seite beider Seiten ist leer. Das lenkt die Aufmerksamkeit Deiner Besucher auf den Text. Gleich darunter befinden sich, geschickt platziert, die CTA-Schaltflächen Get a Free Quote (Kostenloses Angebot einholen) und My Portfolio (Mein Portfolio) – Deine Besucher können sie gar nicht übersehen. Außerdem wird sowohl auf der Homepage als auch auf der Landingpage Dein Leistungsangebot übersichtlich dargestellt. Ausschnittsweise werden frühere Projekte präsentiert. So erkennen Deine potenziellen Auftraggeber sofort, was Du ihnen zu bieten hast. Auf den Portfolio-, Leistungs- und Fallstudienseiten kannst Du aber noch viel mehr ins Detail gehen.Pottery Studio – das beste Allround-Theme für Künstler, Ateliers und Kollektive
Pottery Studio (Töpferwerkstatt) ist aufgrund seiner Funktionen – etwa Seiten für Kurse und Workshops – genau das Richtige für Künstler, die zu einem Kollektiv gehören oder in einem Atelier mitarbeiten. Dank schön gestalteter Fotogalerien und Kontaktfunktionen eignet sich dieses Theme aber auch für Solokünstler. Du möchtest keine Kurse geben, aber Vorführungen anbieten oder sonstige Fachveranstaltungen bewerben? Mit dem Plugin Modern Events Calendar kannst Du all das planen und Buchungen ermöglichen. Ein Atelier oder Künstlerkollektiv kann die Team-Seite für Biografien der Künstler und deren Ausstellungshistorie nutzen. Darüber hinaus gibt es einen Blog zum Austausch kreativer Techniken, Inspirationen und Fotos. Pottery Studio verfügt außerdem über einen integrierten Shop. Du kannst also Deine Arbeiten online verkaufen. Newsletter und Anmeldeformular ermöglichen Dir die Erstellung einer Mailingliste, mit der Du Sammler und potenzielle Schüler über Neuigkeiten auf dem Laufenden halten kannst.Environmental Nonprofit – Ideal für den Aufbau einer gemeinnützigen Organisation
Ganz gleich, worum es bei Deiner gemeinnützigen Organisation geht – Environmental Nonprofit (gemeinnützige Umweltorganisation) bietet Dir Design und Funktionen, die Du für das Gedeihen Deiner Organisation benötigst. Plakative Überschriften, einnehmende Fotos, fesselnde Geschichten über Deine Mission und zahlreiche Handlungsaufforderungen ziehen die Nutzer an. Die eingestreuten Videos fordern den Besucher dazu auf, darauf zu klicken und mehr zu erfahren. Auf jeder Seite befinden sich außerdem fünf hellgrüne Spenden-Buttons, die jeweils unterschiedliche Beträge anzeigen. So werden Besucher mit großem und kleinem Geldbeutel gleichermaßen zum Spenden angehalten. Außerdem kannst Du auf der Seite Issues (Themen) die Arbeit Deiner gemeinnützigen Organisation in verschiedenen Bereichen vorstellen. Damit weiß der Spender, dass sein Geld einem guten Zweck zugeführt wird. Environmental Nonprofit verfügt über eine Landingpage, die Du für den Start Deiner nächsten Spendensammelrunde oder für andere wichtige Veranstaltungen nutzen kannst. Darüber hinaus gibt es eine umfangreiche Blog-Seite mit Veranstaltungskalender, Newsletter-Anmeldeformular und einer Liste Deiner Partner und Spender.
Expertentipp: Für in den USA ansässige gemeinnützige Organisationen, die beim IRS (der amerikanischen Bundessteuerbehörde) als 501C3 registriert sind, ist das Shared Hosting-Abo Standard von InterServer kostenlos (und äußerst günstig für gemeinnützige Organisationen in anderen Ländern). Das Abo enthält unbegrenzte Ressourcen und automatische WordPress-Updates.
Food Recipes – Vorlage für Lebensmittel- und Wellness-Blogs oder -Marken
Das Mehrzweck-Theme Food Recipes (Kochrezepte) ist genau das Richtige für einen Blog, ein Online-Magazin… und für die Website eines Meisterkochs, eines Gastro-Autors oder eines Ernährungsberaters. Für all das eignet es sich richtig gut. Wer eine virtuelle Anlaufstelle für das Neueste aus der Welt der Ernährung schaffen möchte, ist damit bestens beraten. Das Homepage-Bild im Vollbildformat und die leuchtend orangefarbenen CTAs bewegen die Besucher dazu, sich Deine verlockenden Inhalte anzusehen. Gleichzeitig zieht die Landingpage die Besucher mit zahlreichen attraktiven Rezepten und Ernährungstipps an und verführt sie zum Scrollen. Auf der Rezeptseite sind Deine Rezepte übersichtlich in verschiedene Kategorien eingeteilt. So wird dem Leser das Durchsuchen Deiner Inhalte leicht gemacht. Außerdem kannst Du auf einer Seite für besonders empfohlene Rezepte ein einzelnes, spezielles Gericht mit vielen Fotos und sogar Videos vorstellen. Diese Seite kannst Du mühelos mit Deiner neuesten Kreation aktualisieren und dadurch die Leser zum Wiederkommen animieren. Darüber hinaus ist es mit Food Recipes möglich, eine Freigabe für Social Media zu aktivieren – so können die Leser der Community beitreten, Anmerkungen posten, Kommentare abgeben und Blogbeiträge auf Social Media-Plattformen teilen.Cosmetics Shop – Trendiges Theme für Shops, die Luxusgüter verkaufen
Mit entspannten Farben und klarem Design vermittelt Cosmetics Shop (Kosmetikgeschäft) das Gefühl einer Boutique. Ein Online-Shop, der hochwertige oder biologische Schönheitsprodukte auf Lager hat, liegt damit genau richtig. Aber wenn Du Farben, Bilder und Texte änderst, passt das Theme zu jedem Unternehmen, das online hochwertige Produkte verkauft. Auf jeder Seite befindet sich ein großer Browse Products-Button (Produkte durchsuchen). Apropos Seiten – wenn Du einen neuen Shop eröffnen willst, gefällt Dir die gut gestaltete Landing Page ganz bestimmt. Sie rückt Deine wichtigsten Verkaufsargumente (z. B. „Bio-Materialien“ oder „schnelle Lieferung“) ins rechte Licht und enthält zahlreiche Links zum Shop. Die Kontaktseite ist kurz und bündig. Die Über-uns-Seite dagegen ist länger – dort kannst Du wählerischen Kunden die Vorzüge Deines Shops in aller Ausführlichkeit erläutern. Die Shop-Seite ist ordentlich und übersichtlich, wie der Rest des Themes. Im Wesentlichen sind dort die verfügbaren Produkte in einem einfachen Raster aufgelistet. So werden die Besucher nicht durch andere Dinge abgelenkt. Die Angebotsseite kann ebenfalls nützlich sein: Ohne Umschweife wird Deinen Kunden gezeigt, wie viel sie bei bestimmten Produkten sparen können.
Expertentipp: Die Eröffnung eines Online-Shops ist schon schwer genug – auch wenn man sich um das Webhosting keine Gedanken machen muss. Du wünschst Dir eine WordPress-Plattform, die Dir alle Leistungs- und Sicherheitsoptimierungen abnimmt? Dann machst Du mit Kinsta nichts verkehrt.
Architecture Firm – Ideal für Unternehmen, die große und kostspielige Aufträge erledigen
Architecture Firm (Architekturbüro) ist meine erste Wahl für ein Unternehmen, das Dienstleistungen in den Bereichen Architektur, Innenarchitektur oder Landschaftsgestaltung (oder andere wichtige Arbeiten im Zusammenhang mit Gebäuden) anbietet. Das Theme ist geradlinig und professionell, aber nie langweilig. Das schwarz-weiß-graue Erscheinungsbild vermittelt zusammen mit professionellen Schriftarten und der Gesamtgestaltung einen äußerst seriösen Eindruck – was von entscheidender Bedeutung ist, wenn Dich potenzielle Kunden mit großen Projekten betrauen sollen. Gleichzeitig kannst Du auf jeder Seite mit Fotos Deinen gestalterischen Erfindungsreichtum unter Beweis stellen. So bleibt die Website interessant. Wenn die Besucher scrollen, lenken subtile Animationen ihre Aufmerksamkeit genau dahin, wo Du sie haben möchtest: frühere Projekte, das Leistungsangebot Deines Unternehmens sowie die Qualifikationen und Spezialgebiete Deines Teams.Virtual Conference – Hell und kräftig, ideall für virtuelle Events und Präsenzveranstaltungen
Virtual Conference (virtuelle Konferenz) erzeugt mit frischem Design, lebendigen Farben, Animationen und messerscharfen geometrischen Formen ein Gefühl von Energie und Spannung. Auf jeder Seite werden die Besucher durch CTAs dazu aufgefordert, sich zu der Veranstaltung oder zu dem Blog anzumelden. Veranstaltungsplaner werden die jeweils eigenen Seiten für Referenten, den Zeitplan, Kosten und Organisatoren zu schätzen wissen. Alle diese Seiten sind effizient: keine ist zu lang, und jede vermittelt in aller Kürze die wichtigsten Informationen. Unentschlossene Besucher, die noch nicht sicher sind, ob sie an einer Veranstaltung teilnehmen sollen, können dadurch schnell überzeugt werden. Besonders gut gefällt mir die Fußzeile am unteren Rand jeder Seite. Fährt man mit dem Mauszeiger über die in der Fußzeile befindliche Schaltfläche Register Today (Heute registrieren), färbt sie sich hellrosa. Klickt der Besucher darauf, wird er zur Registrierungsseite weitergeleitet. Dort kann er zwischen verschiedenen Arten von Veranstaltungstickets wählen (z. B. All-Access-, Tages- oder Studententicktes). Für den Fall, dass Besucher der Website noch Fragen haben, gibt es außerdem eine Kontaktseite mit einem E-Mail-Formular und allen Deinen Social Media-Links.Divi Layout Packs, die es nicht auf meine Liste geschafft haben
Divi Painter (Maler) soll zeitgemäß und fröhlich wirken. Doch obwohl alle für die Website nötigen Seiten vorhanden sind, schafft sie nicht, worauf es ankommt: Sammler, Händler und Kuratoren anzulocken. Warum sind die Abbildungen der Kunstwerke in Divi Painter ständig mit Text überfrachtet? Und die Landingpage mit ihrem Split-Screen scheint keinen klaren Zweck zu verfolgen. Soll damit auf eine bevorstehende Veranstaltung aufmerksam gemacht werden? Dann müsste das über dem sichtbaren Bereich stehen. Ein weiteres Layout Pack, dem das Divi-typische Design-Flair fehlt, ist Event Home (Privatveranstaltungen): Es gibt anscheinend kein übergreifendes Thema. Die Homepage und die kapriziösen Illustrationen wären zwar perfekt geeignet für eine Privatveranstaltung, etwa für eine Abschlussfeier oder eine Hochzeit. Andere Seiten scheinen jedoch für eine große Konferenz konzipiert zu sein.Child-Themes von Divi – brauchst Du eines?
Du hast vielleicht gehört, dass jede WordPress-Website, auch die mit Divi erstellten, ein Child-Theme benötigt. Was genau ist also ein Child-Theme? Ein Child-Theme ist ein Unterthema, das seine Einstellungen von einem übergeordneten „Parent“-Theme bezieht. So kannst Du auf sichere Weise Änderungen an seinen Grundeinstellungen und Funktionen (gewissermaßen den Genen) vornehmen. Fügst Du Deinem Child-Theme benutzerdefinierte Einstellungen oder Codes hinzu, werden diese automatisch in das Parent-Theme gespiegelt. Der zugrunde liegende Code des Parent-Themes bleibt dabei jedoch intakt. Damit wird sichergestellt, dass Du keine benutzerdefinierten Einstellungen verlierst oder andere Probleme bekommst, wenn Dein Parent-Theme aktualisiert wird. Vielleicht hast Du schon einen Blick auf die kostenpflichtigen Child-Themes im Divi-Marketplace geworfen und fragst Dich jetzt, ob Du so etwas brauchst. Wenn Du nur auf der Suche nach einem Child-Theme für eine bestehende Divi-Website bist, lautet die kurze Antwort: Nein. Die Premium-Themes von Divi beinhalten alles, was Du für Deine Website brauchst.Vorsicht ist zwar immer die Mutter der Porzellankiste. Nutzt Du aber die in Divi integrierten Tools zur Anpassung Deines Themes, musst Du an ein Child-Theme keine Gedanken verschwenden. Du kannst sogar im Divi Builder, im Theme Customizer und in den Theme-Einstellungen ohne ein Child-Theme kleinere Modikfikationen am CSS vornehmen. Allerdings solltest Du dann ein Child-Theme verwenden, wenn Du größere Modifikationen, etwa Änderungen an bestimmten Theme-Dateien (wie Seitenvorlagen oder functions.php) planst oder wenn Du vorhast, Deinen Theme-Dateien in erheblichem Umfang benutzerdefinierte Codes hinzuzufügen (zum Beispiel CSS oder JavaScript). Welche Child-Themes sind also empfehlenswert? Gut, dass Du gefragt hast. Wir kommen gleich darauf zu sprechen!