Divi Construction Child Theme von Pee-Aye Creative-Übersicht

Es gibt mehrere untergeordnete Themen für Divi, die sich auf Bauunternehmen konzentrieren. Divi Construction von Pee-Aye Creative ist eines dieser untergeordneten Divi-Themen. Es enthält viele Seiten zum Erstellen einer Website für ein Bauunternehmen und enthält einige Extras. In diesem Artikel sehen wir uns Divi Construction an und sehen, was enthalten ist und wie einfach es zu verwenden ist, um Ihnen bei der Entscheidung zu helfen, ob dies das richtige Child-Theme für Ihre Bedürfnisse ist.

Divi Construction Child Theme installieren

Die Installation ist unkompliziert. Wenn Divi installiert ist, laden Sie einfach ein beliebiges WordPress-Theme hoch und aktivieren Sie es.

Nachdem Sie das Divi Construction Child Theme aktiviert haben, sehen Sie einen neuen Menüpunkt namens Divi Construction. Bewegen Sie den Mauszeiger darüber und klicken Sie auf Easy Demo Import . Dieser Bildschirm zeigt die Arten von Dingen, die Sie importieren können. Es zeigt auch ein empfohlenes Plugin mit Informationen dazu und Optionen zur Installation und Aktivierung. Alles ist standardmäßig ausgewählt.

Klicken Sie auf Demoinhalt importieren, um den ausgewählten Inhalt zu importieren und das Plugin zu installieren. Warten Sie, bis der Import und die Installation abgeschlossen sind. Sobald es fertig ist, sehen Sie einen Bildschirm mit Häkchen für den Abschluss. Außerdem wird eine Schaltfläche zum Entfernen des Inhalts angezeigt.

Die Startseite und Menüs werden automatisch eingestellt. Sie müssen nur die Demo-Inhalte durch Ihre eigenen ersetzen.

Divi-Bauseiten

Divi Construction fügt 18 Seiten hinzu. Dazu gehören die Homepage, viele Serviceseiten, Projekte, mehrere About-Seiten, mehrere Blog-Seiten und mehrere Extras wie Testimonials und FAQ. Wir werden uns einige davon ansehen. Die Seitenelemente sind gut beschriftet, sodass sie einfach zu verwenden sind.

Startseite von Divi Construction

Die Homepage enthält einen Heldenbereich mit einem Bereich für ein Hintergrundbild in Parallaxe. Ein Begrüßungstitel mit einer gelben Linie bewegt sich nach rechts, wenn Sie mit der Maus über den CTA fahren. Die Schaltflächen des CTA ändern beim Bewegen die Farbe. Auf der rechten Seite des Bildschirms werden anklickbare Kontaktinformationen angezeigt.

Ein nummerierter Abschnitt mit Klappentexten zeigt den Fortschritt der Arbeit. Sie enthalten eine animierte Linie und ändern die Farbe ihres Rahmens beim Schweben. Ich schwebe in diesem Beispiel über dem mittleren Klappentext.

Divi Construction Child Theme enthält einen weiteren Satz von Klappentexten, die die Arten von Arbeit zeigen, die Sie ausführen können. Sie enthalten Hintergrundbilder mit Beschreibungen, Symbolen und Links im Overlay. Dieser Abschnitt enthält auch zweifarbige Symbole. Der Titel, die Klappentexte und die Symbole enthalten Hover-Animationen.

Ein Galerieabschnitt enthält einen gestylten Abschnittsteiler. Die Galerie zeigt Bilder in einem mehrspaltigen Layout mit einem großen Bild auf der einen Seite und vier kleineren Bildern auf der anderen Seite. Die nächste Zeile zeigt das gleiche Design in einem alternativen Layout.

Testimonials zeigen Klappentexte in zwei Spalten mit Hover-Animation an. In der dritten Spalte wird ein großes Zitat angezeigt. Jedes enthält eine Sternebewertung.

Ein CTA, um ein Angebot zu erhalten, zeigt zweifarbige Symbole mit Neigungseffekten an, die die Arten von Projekten zeigen, an denen Sie arbeiten. In diesem Beispiel bewege ich den Mauszeiger über Schulen, um den Kacheleffekt anzuzeigen. Dieser Abschnitt enthält auch eine Schaltfläche, um ein Angebot zu erhalten.

Der Blog-Abschnitt des Divi Construction Child Themes zeigt die Beiträge als Karten mit einem überlappenden Block für das Beitrags-Meta. Es enthält auch das vorgestellte Bild, den Titel, die Beschreibung und den Link zum Weiterlesen.

Ein Abschnitt über die Gründe für die Auswahl des Unternehmens zeigt Aufzählungspunkte mit einigen CTAs und ein Bild mit einem Kastenschatten.

Ein Abschnitt Ihrer Kernwerte zeigt zweifarbige Symbole an, um diese Werte anzuzeigen.

Service-Seite

Die Seite Divi Construction Services enthält Elemente der Homepage und fügt einen Abschnitt mit Klappentexten für jeden Service hinzu. Ein CTA wird mit den Klappentexten gemischt, aber es ist anders eingefärbt, um sich abzuheben.

Serviceseiten

Die einzelnen Serviceseiten enthalten eine benutzerdefinierte Seitenleiste mit Links zu den anderen Serviceseiten und einen CTA. Die benutzerdefinierte Seitenleiste wurde als benutzerdefinierter Widget-Bereich erstellt. Der Hauptbereich bietet einen Bereich für detaillierte Informationen gefolgt von Beispielfotos.

Projekte Seite

Die Seite Divi Construction Projects enthält ein gestyltes gefiltertes Portfolio. Sie zeigen das Bild mit der Kategorie oben und einem überlappenden Titel unten an. Ich bewege den Mauszeiger über das letzte Projekt in diesem Beispiel, um die Überlagerung anzuzeigen. Der Titel und der Filter werden so gestaltet, dass sie der Site entsprechen.

Individuelle Projektseite

Einzelne Projektseiten zeigen die Details des Projekts. Sie haben mehrere Elemente von der Homepage und fügen Nummernzähler, Barzähler und einen Kontakt-CTA mit einem Hintergrundbild hinzu.

Über Seite

Die Seite Divi Construction About fügt viele neue Abschnitte hinzu, darunter gestylte Personenmodule für die Teammitglieder, ein eingebettetes Video mit zweifarbigen Symbolen auf beiden Seiten und einen Abschnitt zum Anzeigen von Kundenlogos.

Karriereseite

Die Seite Divi Construction Careers enthält ein gestyltes Bewerbungsformular mit Feldern für Erfahrung, Fähigkeiten, Art der Arbeit usw.

Blog-Seite

Es gibt viele Optionen für Blog-Seiten. Dieses zeigt ein Raster mit der rechten Seitenleiste. Es enthält Styling für die letzten Beiträge, Kategorien, Tags und neuesten Projekte. Viele der Elemente enthalten Hover-Effekte, die ihren Text oder Hintergrund gelb ändern.

Dies ist die volle Breite mit einer linken Seitenleiste.

FAQ-Seite

Die FAQ-Seite von Divi Construction fügt Akkordeons für die Informationen hinzu und teilt sie in Kategorien ein.

Allgemeine Geschäftsbedingungen und Seiten zum Datenschutz

Die Seiten mit den Allgemeinen Geschäftsbedingungen und den Datenschutzrichtlinien enthalten den Text, den Sie zur Erläuterung Ihrer Richtlinien benötigen. Beide Seiten haben ein ähnliches Design. Dies ist ideal, um mit der Erstellung Ihrer spezifischen Bedingungen und Richtlinien zu beginnen. Ich bin froh, dass diese enthalten sind, denn es kann schwierig sein zu wissen, wie man diese Seiten schreibt.

Divi Construction Theme Builder-Layouts

Die Theme Builder-Layouts umfassen die Standard-Website, alle Beiträge, Kategorieseiten, untergeordnete Seiten bestimmter Seiten zum Erstellen von Diensten und Projektkategorieseiten. Sie enthalten eine globale Kopf- und Fußzeile.

Divi Construction-Header

Der globale Header wurde im Theme Builder erstellt und enthält Social Media Follow, zwei Menüs, ein Bild und eine Schaltfläche.

Dadurch wird eine Kopfzeile mit zwei Zeilen erstellt. Das Bild überlappt beide Zeilen. Die obere Reihe enthält ein zweifarbiges Setup mit einer abgewinkelten Teilung zwischen ihnen. Es enthält auch eine CTA-Schaltfläche, mit der Besucher ein Angebot anfordern können.

Divi Konstruktion Fußzeile

Die globale Fußzeile wurde ebenfalls mit dem Theme Builder erstellt. Es enthält ein Bildmodul, mehrere Textmodule, ein Menü und ein Social Media Follow-Modul.

Die Fußzeile enthält ein Newsletter-Anmeldeformular, eine Nachricht und Links. Die Hintergrundfarben werden nach und nach dunkler, um das Design zu erden.

Divi Konstruktionsmenüs

Divi Construction Child Theme fügt vier Menüs hinzu und weist sie automatisch zu. Alle Menüpunkte sind Seiten, Sie müssen also nur die Seiten entfernen, die Sie nicht im Menü haben möchten. Sie sind gut beschriftet, sodass Sie leicht erkennen können, welche Dateien geladen und geändert werden müssen.

Divi Construction Icons und Style Guide

Symbole und ein Styleguide werden in einer separaten Datei bereitgestellt. Symbole werden als .png- und .ai-Dateien bereitgestellt. Sie werden auch der Medienbibliothek hinzugefügt, wo sie leicht zugänglich sind und in Ihren Layouts verwendet werden können.

Der Styleguide enthält Informationen zu Farben, Schriftarten usw.

Wo kann man Divi Construction kaufen

Das untergeordnete Thema Divi Construction ist im Divi Marketplace verfügbar. Es kostet 39 US-Dollar und beinhaltet unbegrenzte Website-Nutzung sowie 1 Jahr Support und Updates.

Gedanken beenden

Das ist unser Blick auf Divi Construction von Pee-Aye Creative. Ich fand das Child-Theme einfach zu installieren und zu verwenden. Es kommt mit vielen Seiten, um eine Website für ein Bauunternehmen zu erstellen. Die Chancen stehen gut, dass Sie keine Seite erstellen müssen, die nicht bereits enthalten ist. Stile für Farben, Schriftarten und Schaltflächen sind global, sodass sie leicht auf der gesamten Site geändert werden können. Die zweifarbigen Symbole helfen dabei, Ihre Website hervorzuheben. Ich mag auch die kleinen Animationen. Wenn Sie sich für ein Divi-Child-Theme für Bauunternehmen interessieren, ist dieses eine Überlegung wert.

Wir wollen von dir hören. Hast du das untergeordnete Thema Divi Construction ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über Faber14 / shutterstock.com