Duriza – Divi Child Theme Übersicht

Das Duriza Divi Child-Theme ist ein Mehrzweck-Child-Theme, das speziell für Dienstleistungsunternehmen entwickelt wurde. Es enthält 12 Seiten, einen benutzerdefinierten Schieberegler mit Symbolauslösern und ein Untermenü in der Seitenleiste, um Ihre Dienste miteinander zu verknüpfen. In diesem Artikel werfen wir einen genauen Blick auf Duriza, um Ihnen bei der Entscheidung zu helfen, ob es das richtige Divi-Child-Theme für Ihre Bedürfnisse ist.

Installieren des Duriza Divi Child Themes

Die Installation ist einfach, es sind jedoch mehrere Schritte zu befolgen. Installiere und aktiviere das Duriza Divi Child-Theme wie jedes andere Theme. Laden Sie zuerst mit aktiviertem Divi das Thema hoch und aktivieren Sie es. Die Installation der Demo-Inhalte für Duriza erfolgt manuell. Glücklicherweise sind die Anweisungen einfach und klar.

Als Nächstes müssen Sie die Einstellungen für die Themenoptionen, den Themenersteller, den Themenanpasser und die Divi-Bibliothek hochladen. Diese Dateien werden in einer zusätzlichen ZIP-Datei bereitgestellt. Die Dateien sind beschriftet, damit sie leicht zu identifizieren sind. Schließlich müssen Sie die Startseite und alle anderen gewünschten Seiten mit den Layouts in der Bibliothek erstellen und zum Menü hinzufügen.

Die Dokumentation enthält Informationen zum Hinzufügen von Bildern zum Raster, zum Hinzufügen von Pfeilen zu Dropdown- und Seitenmenüs, zum Erstellen eines Seitenmenüs, zum Ändern von Farben und zum Erstellen eines Blogbeitrags mithilfe des Bibliothekslayouts.

All dies ist einfacher als es sich anhört und die Anweisungen sind leicht zu befolgen. Es dauert allerdings ein bisschen.

Duriza Divi Child Theme-Startseite

Die Duriza-Homepage wurde mit vielen Textbausteinen, Klappentexten, Schaltflächen, Folien, Trennwänden und einem Kontaktformular erstellt. Wir werden uns jeden der Abschnitte von der Startseite aus ansehen. Die anderen Seiten verwenden ähnliche Designs. Jede Seite enthält hellgrüne Markierungen.

Duriza Home Page Hero-Bereich

Der Hero-Bereich zeigt die Kopfzeile und große Bilder an, die auf Seiten verweisen. Der Header wird im Theme Builder erstellt. Die Bilder werden in einem mehrspaltigen Layout mit einem großen Bild auf der einen Seite und zwei kleineren Bildern in einem Stapel auf der anderen Seite platziert. Ihre dunklen Überlagerungen erhellen sich beim Schweben. Overlays enthalten Titel und einen Link, um mehr zu erfahren.

Duriza-Homepage Dienstleistungen Abschnitt

Der Abschnitt Dienste stellt die Dienste mit einem großen Titel und einer kurzen Beschreibung vor. Dienste werden in 4 Spalten mit Klappen angezeigt, die das Bild, den Titel und eine Schaltfläche enthalten. Darunter werden Dienste mit Folien in einer einzigen Spalte mit dem Titel unten hervorgehoben. Folien enthalten einen Kastenschatten. Der Hintergrund enthält ein Punktmuster auf der linken Seite. Die Dokumentation zeigt, wie Sie Ihre Bilder hinzufügen.

Die angezeigte Folie entspricht der Folie, über die Sie den Mauszeiger bewegen. CSS wurde den Zeilen bereits hinzugefügt, um dies zu erreichen, aber Sie müssen die Bild-URLs zum CSS-Stylesheet hinzufügen, wie ich es im obigen Beispiel getan habe. Bilder sind vorgeladen, sodass sie beim Bewegen sofort mit einem Übergangseffekt angezeigt werden.

Als Beispiel für die Verwendung der Folie habe ich Bildsymbole aus anderen Divi-Layouts und Bilder aus Unsplash hinzugefügt. Bilder werden vorab geladen, damit sie beim Schweben schnell angezeigt werden. Die Anleitung führt Sie dabei durch. Wenn die Bilder beim Aktualisieren der Seite nicht angezeigt werden, empfehle ich, den Cache zu leeren. Dies ist einer der Abschnitte, der am meisten hervorsticht.

Duriza-Startseite Über den Abschnitt

Informationen über das Unternehmen und die Teammitglieder zeigen eine Nachricht in voller Breite mit einer Schaltfläche an, um die Seite „Über uns“ anzuzeigen. Informationen werden in einem zweispaltigen Layout mit einem großen Bild auf der einen Seite und den Titeln der Teammitglieder auf der anderen angezeigt. Das gepunktete Hintergrundmuster erscheint in diesem Abschnitt rechts.

Duriza Homepage Projekte Abschnitt

Projekte werden in einem dreispaltigen Raster mit einer Einführung und Hover-Animationen angezeigt, die das Overlay aufhellen.

Abschnitt mit Erfahrungsberichten auf der Duriza-Homepage

Textbausteine, ein Trenner und eine Schaltfläche bilden den Testimonial-Bereich. Wie dieses Beispiel zeigt, werden ein Titel, ein kurzer Erfahrungsbericht und eine Schaltfläche angezeigt, die auf die Seite mit den Erfahrungsberichten verweist. Der dunkelgraue Hintergrund hebt sich von den anderen Abschnitten ab. Die grünen Highlights harmonieren gut mit dem dunklen Grau.

Duriza Homepage Kontaktbereich

Der Kontaktbereich enthält zwei Felder, die über einem Vollbildhintergrund mit einem Overlay platziert sind, das den linken Rand abdeckt. Kontaktinformationen werden im ersten Feld mit Text und Symbolen auf weißem Hintergrund angezeigt. Ein Kontaktformular wird auf einem dunkelgrauen Hintergrund angezeigt, der dem Abschnitt mit den Erfahrungsberichten entspricht. Beide Kästchen enthalten grüne Markierungen.

Duriza Divi Child Theme Über uns Seite

Das untergeordnete Duriza Divi-Theme About Page führt die Seite mit einem Header in voller Breite ein, der ein Bild mit einem gestylten Overlay für die Seiten enthält. Bilder zeigen Links an, die nach unten zu den Zeilen für die Geschichte, Vision und Mission scrollen. Diese Zeilen zeigen ein Bild und einen Text in einem abwechselnden Layout an. Die Seite enthält auch den Kontaktbereich der Homepage.

Duriza Divi Kinder-Themendienste-Seite

Auf der Seite Dienste für das untergeordnete Thema Duriza Divi werden Dienste in Klappentexten in einem Raster angezeigt. Schaltflächen verlinken zu den einzelnen Serviceseiten. Diese Seite enthält auch den Kontaktbereich der Homepage.

Duriza Divi Child Theme Single Service-Seite

Einzelne Dienstseiten zeigen Informationen über den Dienst in einer einzelnen Spalte mit einem gestylten Menü auf der linken Seite. Dieses Menü wird mit einem Seitenleistenmodul hinzugefügt, das ein benutzerdefiniertes Widget anzeigt, das Sie erstellen. Hover-Animationen im Menü ändern den Hintergrund des Seitennamens in Grün.

Duriza Divi Child Theme Testimonials Seite

Die Seite Testimonials des Duriza Divi Child-Themes zeigt Testimonials, die mit Textmodulen erstellt wurden, in einem dreispaltigen Abschnitt an. Wie in diesem Beispiel zu sehen ist, enthalten sie eine Sternebewertung, einen Titel, Details und den Namen.

Duriza Divi Child Theme Projects Seite

Duriza Divi Child Theme Projekte Seite zeigt Projekte in einem dreispaltigen Raster mit Textmodulen an. Bilder sind dunkel, bis Sie mit der Maus darüber fahren.

Duriza Divi Child Theme Einzelprojektseite

Die einzelne Projektseite des Duriza Divi-Child-Themes zeigt den Projekttitel über einer Beschreibung mit Datum, Kunde, Typ und Auftragnehmerinformationen in einer Liste auf der rechten Seite an. Darunter erscheinen Bilder des Projekts.

Duriza Divi Child Theme Blog-Seite

Die Blog-Seite des Duriza Divi Child-Themes zeigt Beiträge in einer einzigen Spalte mit einer rechten Seitenleiste an. Beiträge zeigen das vorgestellte Bild, den Titel, den Auszug und eine gestaltete Schaltfläche zum Weiterlesen. Widgets in der Seitenleiste haben einen gestalteten oberen Rand, der der Site entspricht, und einen schwachen Rand auf den anderen drei Seiten. Der Header leitet die Seite ein. Beim Bewegen des Mauszeigers wird über den Bildern eine grüne Überlagerung angezeigt.

Duriza Divi Child Theme Einzelbeitrag

Blog-Posts werden mit dem Divi Builder erstellt und enthalten einen Post-Titel in voller Breite, Text, Kommentare und eine rechte Seitenleiste.

So sieht das Design im Frontend aus. Ich habe die Divi-Seite so eingerichtet, dass sie in voller Breite angezeigt wird und der Titel nicht angezeigt wird. Dadurch können nur die Kopfzeile, die Fußzeile und die Module angezeigt werden.

Duriza Divi Child Theme Kontaktseite

Die Kontaktseite des Duriza Divi Child-Themes zeigt Bilder mit Links an, die beim Anklicken zu den richtigen Kontaktinformationen scrollen. Das Design des Kontaktformulars entspricht dem Rest der Website mit einem grünen Rahmen am unteren Rand jedes Felds.

Duriza Theme Builder-Layouts

Die Theme Builder-Layouts für das untergeordnete Thema Duriza Divi umfassen eine globale Kopf- und Fußzeile für die Standardvorlage, ein benutzerdefiniertes Layout für alle Kategorieseiten und ein benutzerdefiniertes Layout für die 404-Seite.

Duriza-Header

Die Kopfzeile enthält zwei Bereiche mit Social Media und zwei Schaltflächen im oberen Bereich und ein Menü im unteren Bereich. Der obere Abschnitt hat zwei Reihen: eine für Desktops und eine für Telefone und Tablets.

Der Visual Builder zeigt die beiden oberen Zeilen an, damit Sie daran arbeiten können. Da es sich bei der Telefonnummer um eine Schaltfläche handelt, ist sie anklickbar.

Duriza-Fußzeile

Die Fußzeile von Duriza sieht aus wie Widgets, besteht jedoch stattdessen aus Text- und Trennmodulen.

Infolgedessen enthält die Fußzeile eine Liste mit Links, die das Logo, Überschriften und gestylte Trennlinien enthalten, die mit nur Widgets nicht einfach zu erstellen wären.

Duriza Alle Kategorieseiten

Die Vorlage Alle Kategorieseiten ist dieselbe wie die Blogseite. Es enthält einen Header mit voller Breite, einen Blog und Module für die Seitenleiste.

Duriza 404 Seite

Der Hauptteil der 404-Seite von Duriza wird mit einem Header-Modul voller Breite erstellt. Es zeigt ein Vollbild-Hintergrundbild mit einer Nachricht und einer Schaltfläche im Overlay an.

Wo kann man das Duriza Divi Child Theme kaufen?

Kaufen Sie das Duriza Divi Child-Theme im Divi Marketplace für 39 US-Dollar. Wie immer beinhaltet Duriza unbegrenzte Website-Nutzung sowie Updates und Support für 1 Jahr.

Gedanken beenden

Das ist unser Blick auf das Duriza Divi Child Theme. Obwohl es sich um ein Mehrzweck-Child-Theme handelt, machen die benutzerdefinierten Folien zum Anzeigen von Diensten auf der Startseite und das benutzerdefinierte Untermenü auf den einzelnen Dienstseiten es zu einer ausgezeichneten Wahl für eine Dienst-Website. Die 12 Seiten bieten Ihnen viele Seiten, um Ihre Dienstleistungen und Projekte zu präsentieren. Das Styling ist einfach und sauber und verleiht dem Kinderthema ein elegantes Design.

Wir wollen von dir hören. Hast du das Duriza Divi Child-Theme ausprobiert? Lassen Sie uns in den Kommentaren unten wissen, was Sie davon halten.

Ausgewähltes Bild über BRO.vector / shutterstock.com