Bevor Sie Ihrer Seite ein Testimonial-Modul hinzufügen können, müssen Sie zunächst auf Divi Builder zugreifen. Einmal die Divi-Thema auf Ihrer Website installiert ist, werden Sie eine Schaltfläche bemerken Verwenden Sie Divi Builder über dem Post-Editor, wenn Sie eine neue Seite erstellen. 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.
Nachdem Sie Visual Builder eingegeben haben, können Sie auf das graue Pluszeichen klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Module können nur innerhalb von Zeilen hinzugefügt werden. Wenn Sie eine neue Seite starten, denken Sie daran, 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 kann durchsucht werden. Sie können also auch "Testimonial" eingeben und dann die Eingabetaste drücken, um das Testimonial-Modul automatisch zu suchen und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Moduloptionsliste begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Technologie et fortgeschritten .
Anwendungsfallbeispiel: Testimonial-Abschnitt für eine Produktseite
Das Hinzufügen eines Abschnitts mit Erfahrungsberichten ist eine der besten Möglichkeiten dazu fördern Ihr Produkt oder Ihre Dienstleistung. In diesem Beispiel zeige ich Ihnen, wie Sie mit dem Testimonial-Modul unten auf einer Landingpage einen Testimonial-Abschnitt erstellen fördern Ihr Produkt oder Ihre Dienstleistung. Der Titel des Testimonial-Bereichs lautet „Zufriedene Kunden“. Es ist wichtig, einen wirkungsvollen Titel zu haben, der sowohl kreativ als auch relevant ist. Alle drei Testimonials sind kurz und haben ein dreispaltiges Layout, gefolgt von einem CTA-Button am unteren Rand der Seite.
Verwenden Sie zum Hinzufügen des Testimonial-Abschnitts zur Seite den Visual Builder, um einen Standardabschnitt mit einer Zeile mit drei Spalten hinzuzufügen. Fügen Sie dann der ersten Spalte Ihrer Zeile ein Testimonial-Modul hinzu.
Aktualisieren Sie die Einstellungen des Testimonial-Moduls wie folgt:
Registerkarte "Inhalt"
Autorenname: [Name eingeben]
Artikeltitel: [Titel eingeben]
Firmenname: [Firma eingeben]
Inhalt: [Geben Sie den Inhalt des Testimonials ein]
Porträtbild-URL: [90 × 90-Bild herunterladen]
Zitatsymbol
:
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 organisiert, die Sie öffnen können, um weitere Optionen anzuzeigen. Dies erleichtert Ihnen das Auffinden der gewünschten Einstellung erheblich. Sie können auch die Suchleiste oben verwenden, um alle Registerkarten für Einstellungen gleichzeitig nach der gewünschten Einstellung zu durchsuchen. Es bringt Sie direkt auf den Punkt!
Text
Hier können Sie den Namen des Testimonialautors, den Artikeltitel, das Unternehmen und den Inhalt des Testimonials selbst hinzufügen.
Bild
Wenn Sie ein Profilfoto oder eine andere Art von Bild zu Ihrem Testimonial haben, fügen Sie es hier hinzu.
Pfandrecht
Hier können Sie die URL des Autors oder der Firma hinzufügen und deren Öffnung steuern.
Elemente
Hier können Sie wählen, ob das Anführungszeichen angezeigt oder ausgeblendet werden soll.
Kontext
Hier können Sie Ihrem Testimonial eine Hintergrundfarbe oder ein Bild hinzufügen.
Administratorkennzeichnung
In dieser Dropdown-Liste können Sie eine Administratorbezeichnung hinzufügen, die 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, damit Sie die gewünschte Einstellung leichter finden können. 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 Anführungszeichens 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, Zeilenhöhe usw. anpassen.
Grenze
Hier können Sie einen Rahmen verwenden. Wenn Sie einen Rahmen verwenden, können Sie auch dessen Farbe auswählen, seine Breite ändern und seinen Stil auswählen.
Abstand
Im Abstandsbereich können Sie oben, rechts, unten oder links im Testimonial eine benutzerdefinierte Füllung hinzufügen. Sie können diese Werte auch für Desktops, Tablets oder mobile Geräte ändern.
Die erweiterten Parameter des Testimonial-Moduls
Auf der Registerkarte Erweitert Ihres Testimonial-Moduls können Sie eine ID (Kennung) und eine eindeutige CSS-Klasse hinzufügen. Sie können auch benutzerdefinierte CSS zu verschiedenen vordefinierten (und vorausgewählten) CSS-Selektoren im Video-Schiebereglermodul der benutzerdefinierten CSS-Dropdown-Liste hinzufügen. Schließlich können Sie in der Dropdown-Liste Sichtbarkeit die Sichtbarkeit Ihres Moduls auf Telefonen, Tablets und Desktops anpassen.
[vc_row center_row=“yes“][vc_column width=“1/2″][vcex_button target=“blank“ layout=“expanded“ align=“center“ font_family=“Raleway“ font_weight=“700″ style=“flat“ custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI THEMA HERUNTERLADEN [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=“https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials“ target=“blank“ layout=“expanded“ align=“center“ font_family = „Raleway“ font_weight=“700″ style=“flat“ custom_background=“#c4226e“ custom_hover_background=“#8d184f“ custom_color=“#ffffff“ custom_hover_color=“#ffffff“ icon_right=“fa fa-download“]LADEN SIE HERUNTER TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Andere Divi Tutorials
- 5 Websites, die Divi Restaurant Thema verwenden
- Wie man Text auf einem Divi WooCommerce Produkt hinzufügt
- So ändern Sie die Menüfarbe zwischen Divi-Seiten
- So personalisieren Sie die Gitter eines Blogs mit Divi
- Wie die Rolle Divi-Editor auf Wordpress verwenden
- So erstellen Sie einen Divi-Schieberegler im Vollbildmodus
- So ändern Sie die Farbe von Menüs zwischen Divi-Seiten
- Funktionen, die Sie wahrscheinlich nicht über Divi kennen
- Wie man Divi Builder auf WordPress benutzt
- Wie benutzt man das Divi Video-Scroll-Modul?
- Wie benutze ich das Divi Builder Flip Modul?
- So fügen Sie ein Testimonial-Modul in Divi Builder hinzu
- Wie benutzt man das Divi-Textmodul?
- So erstellen Sie einen Schieberegler auf Divi
- So bearbeiten Sie eine Divi-Benutzerrolle
- Wie benutzt man das Divi Social Media Modul?
- So verwenden Sie das Shop-Modul zum Thema WordPress Divi
- So verwenden Sie das Divi-Sidebar-Modul
- Wie benutzt man das Divi Preistabellen Modul?
- Wie verwende ich das Titelmodul von Divi-Publikationen?
- So fügen Sie ein Video-Modul von Divi hinzu
- Wie man das Artikelnavigationsmodul benutzt
- Wie benutzt man das Divi-Suchmodul?
- So verwenden Sie das Divi-Wallet-Modul
- Wie man das Personenmodul im Divi Builder benutzt
- Wie man das Geldbörsenmodul mit Divi-Filter verwendet
- So verwenden Sie das Schiebermodul mit voller Breite
- Wie benutzt man das Divi Builder Image Modul?
- So verwenden Sie das vollständige Navigationsmodul von Divi Builder
- So verwenden Sie das Bildergalerie-Modul
- So verwenden Sie das Divi Builder Kartenmodul mit voller Breite
- So verwenden Sie das Divi Full Width Portfolio-Modul
- So verwenden Sie das Divi-Header-Modul in voller Breite
- Wie benutze ich das Divi Counter Modul?
- So verwenden Sie den Artikel-Schieberegler in Divi Builder
- Wie benutze ich das Divi Email Optin Modul?