Springe zum Hauptinhalt

So konfigurieren Sie das Testimonial-Modul in Divi Builder

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 600.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Bevor Sie Ihrer Seite ein Testimonial-Modul hinzufügen können, müssen Sie zuerst auf Divi Builder zugreifen. Sobald das Divi-Design auf Ihrer Website installiert ist, werden Sie eine Schaltfläche bemerken Verwenden Sie Divi Builder jedes Mal, wenn Sie eine neue Seite erstellen, über dem Publisher. Klicken Sie auf diese Schaltfläche, um Divi Builder zu aktivieren und auf alle angebotenen Module zuzugreifen. Klicken Sie dann auf die Schaltfläche Verwenden Sie Visual Builder um den Generator im visuellen Modus zu starten. Sie können auch auf die Schaltfläche klicken Aktivieren Sie den visuellen Builder Wenn Sie Ihre Website im Vordergrund durchsuchen, wenn Sie mit Ihrem WordPress-Dashboard verbunden sind.

Verwenden Sie den Divi Visual Builder

Nachdem Sie Visual Builder aufgerufen haben, können Sie auf das graue Plus-Symbol klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Module können nur innerhalb der Zeilen hinzugefügt werden. Wenn Sie eine neue Seite beginnen, vergessen Sie nicht, Ihrer Seite zuerst eine Zeile hinzuzufügen.

Suchen Sie das Testimonial-Modul in der Liste der Module und klicken Sie darauf, um es Ihrer Seite hinzuzufügen. Die Liste der Module ist durchsuchbar, dh Sie können auch "testimony" eingeben und dann die Eingabetaste drücken, um das Testimonial-Modul zu suchen und automatisch hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Liste der Optionen des Moduls begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Konzeption et fortgeschritten .

Anwendungsbeispiel: Testimonial-Abschnitt für eine Produktseite

Das Hinzufügen eines Testimonials ist eine der besten Möglichkeiten, für Ihr Produkt oder Ihre Dienstleistung zu werben. In diesem Beispiel zeige ich Ihnen, wie Sie mit dem Testimonial-Modul einen Testimonial-Bereich am Ende einer Zielseite erstellen, um für Ihr Produkt oder Ihre Dienstleistung zu werben. Der Titel des Testimonials lautet "Glückliche Kunden". Es ist wichtig, einen effektiven Titel zu haben, der sowohl kreativ als auch relevant ist. Die drei Testimonials sind in einem dreispaltigen Layout kurz, gefolgt von einer CTA-Schaltfläche am unteren Rand der Seite.

Verwenden Sie den Visual Builder, um der Seite den Abschnitt mit den Testimonials hinzuzufügen, und fügen Sie einen Standardabschnitt mit einer Reihe von drei Spalten hinzu. Fügen Sie dann ein Testimonial-Modul in die erste Spalte Ihrer Zeile ein.

Aktualisieren Sie die Einstellungen des Testimonial-Moduls wie folgt:

Registerkarte "Inhalt"

Beginnen Sie mit der Bewerbung Ihres Blogs

Laden Sie Dutzende von Logos, Bannern, Website-Vorlagen und vielen anderen Marketing-Tools herunter, um Ihren WordPress-Blog zu vermarkten. [Empfohlen]

Name des Autors: [Name eingeben] Titel des Artikels: [Titel eingeben] Firmenname: [Firma eingeben] Inhalt: [Inhalt des Testimonials eingeben] Portrait Image URL: [90 herunterladen × 90-Bild] Zitieren-Symbol
:

Registerkarte Design

Textfarbe: Hell
Textausrichtung:
Body Corps Polizei: Roboto Light
Schriftgröße des Körpers: 20px
Höhe der Körperlinie: 1.5em

Nachdem Sie Ihr erstes Testimonial-Modul erstellt haben, duplizieren Sie es zweimal und ziehen Sie die duplizierten Module, um die zweite und dritte Spalte zu füllen.

Da alle Entwurfsparameter in der zweiten und dritten Zeile auf doppelte Module übertragen wurden, können Sie einfach zurückgehen und den Inhalt der einzelnen Module aktualisieren.

Das ist alles.

Die Inhaltsparameter des Testimonial-Moduls

Die Einstellungen auf der Registerkarte "Inhalt" sind in Gruppen unterteilt, die Sie öffnen können, um weitere Optionen anzuzeigen. Auf diese Weise können Sie die gewünschte Einstellung viel einfacher finden. Sie können auch die Suchleiste oben verwenden, um alle Parameter-Registerkarten gleichzeitig nach dem gesuchten Parameter zu durchsuchen. Das bringt Sie auf den Punkt!

Text

Hier können Sie den Namen des Autors des Zeugnisses, den Titel des Artikels, das Unternehmen und den Inhalt des Zeugnisses selbst hinzufügen.

Bild

Wenn Sie zu Ihrem Zeugnis ein Profilbild oder eine andere Art von Bild haben, fügen Sie es hier hinzu.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Pfandrecht

Hier können Sie die URL des Autors oder der Firma hinzufügen und deren Eröffnung steuern.

Elemente

Hier können Sie das Anführungszeichen ein- oder ausblenden.

Kontext

Hier können Sie auswählen, ob Sie Ihrer Geschichte eine Hintergrundfarbe oder ein Hintergrundbild hinzufügen möchten.

Administratorkennzeichnung

In dieser Dropdown-Liste können Sie ein Admin-Tag hinzufügen, das im Builder im Dashboard sowie in der visuellen Builder-Ansicht angezeigt wird.

Die Entwurfsparameter des Testimonial-Moduls

Die Einstellungen auf der Registerkarte Design sind in die folgenden Gruppen unterteilt, um das Auffinden der gewünschten Einstellung zu erleichtern. Und denken Sie daran, Sie können auch die Suchleiste verwenden, um eine noch schnellere Einstellung zu finden!

Zitat-Symbol

Hier können Sie die Farbe des Zitatsymbols anpassen.

Porträt

Mit den Porträteinstellungen können Sie den Rahmenradius, die Porträtbreite und die Porträthöhe für das Bild anpassen, das Sie möglicherweise auf der Registerkarte Inhalt hinzugefügt haben.

Text

Mit diesen Einstellungen können Sie die Farbe und Ausrichtung des Texts ändern.

Body text

Mit diesen Einstellungen können Sie Schriftart, Gewicht, Größe, Farbe, Abstand, Linienhöhe und mehr anpassen.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Grenze

Hier können Sie einen Rahmen verwenden. Wenn Sie sich für die Verwendung eines Rahmens entscheiden, können Sie auch seine Farbe auswählen, seine Breite ändern und seinen Stil auswählen.

Abstand

Im Abstandsbereich können Sie oben, rechts, unten oder links vom Zeugnis eine benutzerdefinierte Füllung hinzufügen. Sie können diese Werte auch für Desktops, Tablets oder Mobilgeräte ändern.

Die erweiterten Parameter des Testimonial-Moduls

Auf der Registerkarte Erweitert Ihres Testimonial-Moduls können Sie eine ID und eine eindeutige CSS-Klasse hinzufügen. Sie können verschiedene vordefinierte (und vorausgewählte) CSS-Selektoren im Video-Slider-Modul der Dropdown-Liste "Benutzerdefiniertes CSS" mit benutzerdefiniertem CSS versehen. Schließlich können Sie in der Dropdown-Liste Sichtbarkeit die Sichtbarkeit Ihres Moduls auf Telefonen, Tablets und Desktops anpassen.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

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

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
16 Aktien
Aktie10
tweet1
Registrieren5