Übersicht über das DiviHvac Child-Theme

DiviHvac ist ein untergeordnetes Thema für Divi, das speziell für HLK-Unternehmen entwickelt wurde. Es kommt mit 12 Hauptseiten, einer benutzerdefinierten Kopf- und Fußzeile, einem benutzerdefinierten Slide-In, CSS, kräftigen Farben und mehr. In diesem Artikel werfen wir einen Blick auf das untergeordnete Thema DiviHvac, um Ihnen bei der Entscheidung zu helfen, ob es das richtige untergeordnete Thema für Ihre Bedürfnisse ist.

DiviHvac Child Theme installieren

Die Installation erfolgt manuell. Dies ist nicht schwer und die Dokumentation auf der Produktseite führt Sie schrittweise durch. Wenn Divi aktiviert ist, laden Sie das DiviHvac Child-Theme hoch und aktivieren Sie es. Sobald es aktiviert ist, müssen Sie die zusätzliche Datei, die mit dem Child-Theme geliefert wurde, entpacken und in die Theme-Optionen, den Theme-Builder, den Theme-Anpasser und die Divi-Bibliothek importieren. Sie müssen auch Ihr Menü erstellen und Ihre Startseite manuell einrichten.

Alle diese Schritte sind einfach, aber es dauert ein paar Minuten länger als bei einer Ein-Klick-Lösung. Die Anweisungen sind leicht zu befolgen und die Dateien sind gut beschriftet, das hilft also.

DiviHvac-Seiten

Das untergeordnete Thema DiviHvac fügt 13 Layouts hinzu, um Ihre Seiten zu erstellen. Sie müssen sie manuell erstellen. Dazu gehören Bilder und Platzhalterbilder. Wir werden uns einige davon ansehen.

DiviHvac Child Theme Homepage

Die DiviHvac-Homepage ist komplex und enthält viele Module, um ein elegantes Design zu erstellen. Der Hero-Bereich enthält ein gestaltetes Kontaktformular als CTA. Dreiecke werden mit CSS in Textbausteinen erstellt.

Das Layout hat viel kräftiges Rot, Weiß und Blau. Der Heldenbereich enthält ein Vollbild-Hintergrundbild, links eine Nachricht mit einer Schaltfläche zum Anzeigen der Dienste und ein Kontaktformular rechts zum Anfordern von Diensten.

Dienstleistungen

Dienste werden mit einer detaillierten Beschreibung und Bildern als Links zu den Dienstseiten angezeigt. Die Bilder enthalten Overlays, die das Bild beim Schweben sichtbar machen. Dieser Abschnitt enthält Dreiecksteiler in den Ecken, die mit CSS erstellt wurden.

Bestimmte Dienste werden als Karten über einem Hintergrundbild angezeigt. Die Karten werden mit Bildern, Text, Trennwänden und Schaltflächen erstellt. Sie enthalten ein Dreieck in der Ecke des Bildes, um einen Rabatt anzuzeigen.

Ein Abschnitt über die Vorteile der Einstellung des Unternehmens zeigt Informationen in Aufzählungspunkten mit einem Platzhalter für ein Bild eines Technikers in der Mitte. Ich mag die Verwendung von Farbe, Typografie und Leerzeichen in diesen Layouts.

Testimonials erscheinen neben einem scharfen CTA über einem Hintergrundbild. Sie enthalten einen gestalteten Rahmen, der der Site entspricht. Unter den Testimonials befindet sich ein schlanker CTA, der auf eine Sonderaktion verweist. Rot und Blau kommen gut zur Geltung.

Projekte

Ein Abschnitt über vergangene Projekte zeigt ein Vollbild-Hintergrundbild mit einem Link zur Projektseite und Bilder in einem Raster mit einer Schaltfläche an, um das Projekt in der Überlagerung anzuzeigen.

Coupons werden als Karten mit einem Hintergrundbild angezeigt. Diese werden über einem gestylten Hintergrund mit einer roten Überlagerung platziert. Dies ist eine großartige Möglichkeit, einen Anreiz zu schaffen.

Im Blog-Bereich werden gestylte Karten mit Dreiecken in den Ecken angezeigt.

CTA

Als nächstes folgen ein CTA in voller Breite und ein zweispaltiger Abschnitt mit Kontaktinformationen auf der einen Seite und einer Karte auf der anderen. Die Karte enthält Dreiecksecken.

DiviHvac Child Theme Über uns Seite

Die Seite Über uns verwendet mehrere Abschnitte der Homepage. Es fügt einen Abschnitt über das Unternehmen mit einem Bild auf der einen Seite und Text auf der anderen hinzu. Nummerierte Klappentexte liefern spezifische Informationen. Ein Leitbild entspricht den Unternehmensinformationen in einem alternativen Layout. Kundenlogos werden in einem Abschnitt in voller Breite mit einem Titel platziert, um sich abzuheben.

DiviHvac-Projektseite

Der herausragende Abschnitt der Projektseite ist die Projektgalerie. Text und Schaltflächen werden so gestaltet, dass sie mit dem Rest der Site übereinstimmen, während das Overlay beim Bewegen des Mauszeigers entfernt wird.

DiviHvac Einzelprojektseite

Die Seite Einzelprojekt enthält einen Abschnitt mit Informationen, Statistiken und Bildern des Projekts. Es enthält auch einen CTA, um einen Termin zu vereinbaren.

DiviHvac-Services-Seite

Auf der Seite Dienste werden die Dienste mit Karten angezeigt, die aus Bild-, Text-, Teiler- und Schaltflächenmodulen bestehen.

DiviHvac Single Service-Seite

Die Seite Single Service bietet einen Inhaltsbereich für Details zu den Services mit einem formatierten Formular, um den Service anzufordern.

DiviHvac Blog-Seite

Auf der Seite Blogarchive werden Blogbeiträge als Karten mit Bild, Titel, Meta, Auszug und einer Schaltfläche zum Weiterlesen angezeigt.

DiviHvac Blog-Layout

Das Blogpost-Layout zeigt den Titel, das Meta, das vorgestellte Bild und den Inhalt in einer einzigen Spalte mit einer gestalteten Seitenleiste an.

DiviHvac FAQ-Seite

Die FAQ-Seite unterteilt Fragen in Themen. Fragen werden innerhalb von Toggles beantwortet. Diese Seite enthält auch ein Formular für die Serviceanfrage.

DiviHvac Child Theme Testimonials Seite

Testimonials werden in Karten mit dunkelblauem Hintergrund, Sternebewertungen, Titel, Trennlinie und Text platziert.

DiviHvac Child Theme Coupons Seite

Zusammen mit den kräftigen Farben ist die Coupons-Seite eines der Dinge, die dieses Divi-Kinderthema auszeichnen. Als Anreiz werden Coupons zur Verfügung gestellt. Sie werden mit mehreren Textmodulen erstellt und sind einfach anzupassen.

DiviHvac Child Theme Kontaktseite

Die Kontaktseite enthält ein gestaltetes Kontaktformular neben einem Bild, gefolgt von einer Zeile mit Kontaktinformationen und einer Karte.

DiviHvac Child Theme Danke Seite

;

Die Danke-Seite kann als umgeleitete Seite verwendet werden, die jedem, der Ihre Kontaktformulare verwendet, eine Nachricht liefert. Dies ist großartig, um sie wissen zu lassen, dass Sie ihre Nachricht erhalten haben und was sie erwartet. Die Botschaft ist einfach und das Design passt zum Rest der Website.

DiviHvac Theme Builder-Layouts

Theme Builder-Layouts umfassen globale Kopf- und Fußzeilen, Kategorieseiten und eine 404-Seite.

Header

Der globale Header enthält mehrere Zeilen. Die obere Reihe enthält ein Bildmodul für das Logo, Klappentexte für Informationen und Text für die Telefonnummer, gefolgt von einem Menü in voller Breite. Dieses Layout bietet auch ein einfacheres Menü für Tablets und Telefone.

Hier sind die Kopfzeilen in der visuellen Ansicht. Die für Mobilgeräte befinden sich unten und sind ausgegraut.

Hier ist das Menü im Frontend. Es enthält ein Styling für das Dropdown-Menü und eine Sticky-Schaltfläche (Slide-in), die auf der rechten Seite des Bildschirms bleibt. Sie können das quadratische Bild durch ein beliebiges Bild oder Symbol ersetzen.

Hier ist der Sticky-Button zum Einschieben, wenn Sie mit der Maus darüber fahren. Es funktioniert als CTA mit einer Schaltfläche und leitet zur Danke-Seite weiter.

Die Slide-In-Funktion ist eine Sticky-Schaltfläche, die mit einer CSS-Klasse erstellt wird, die der Zeile in den globalen Header- und Text- und Bottom-Modulen hinzugefügt wird.

Fusszeile

Die globale Fußzeile wurde mit einem Spezialbereich erstellt und enthält Bilder, Text, Social Follow und eine Schaltfläche in drei Zeilen.

So sieht es in der visuellen Ansicht aus.

So sieht es auf der Startseite aus.

404 Seite

Die 404-Seite wurde mit einem Header in voller Breite erstellt. So sieht es in der visuellen Ansicht aus. Die Seite enthält auch die globale Kopf- und Fußzeile.

Wo kann man DiviHvac kaufen?

Mark Hendriksens DiviHvac Child-Theme ist im Divi Marketplace für 39 US-Dollar erhältlich. Es beinhaltet unbegrenzte Website-Nutzung und 1 Jahr Support und Updates.

Gedanken beenden

Das ist unser Blick auf das DiviHvac Child Theme von Mark Hendriksen. Dieses Thema hat viele Seiten, um Ihre Dienstleistungen und Projekte zu zeigen. Mehrere Seiten, wie Coupons und Dankeschön, sind einzigartig. Das kräftige Rot- und Blau-Styling hebt die Seiten hervor und bietet gleichzeitig ein professionelles Aussehen. Obwohl es für HLK-Unternehmen entwickelt wurde, die Installationen und Reparaturen durchführen, würde dieses Design für jede Art von Auftragnehmer oder Reparatur-Website hervorragend funktionieren.

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

Ausgewähltes Bild über Seahorse Vector / shutterstock.com