Mielőtt ajánló modult adhatna az oldalához, először el kell érnie a Divi Buildert. Egyszer a Divi téma telepítve van a webhelyére, észrevesz egy gombot Használja a Divi Buildert a bejegyzésszerkesztő felett, amikor új oldalt hoz létre. Kattintson erre a gombra a Divi Builder aktiválásához és az összes általa kínált modul eléréséhez. Ezután kattintson a gombra Használja a Visual Builder alkalmazást hogy a generátort vizuális módban indítsa el. Kattintson a gombra is A Visual Builder engedélyezése amikor az előtérben böngészi a webhelyet, ha csatlakozik a WordPress irányítópultjához.

használja a Divi vizuális készítőt

Miután belépett a Visual Builder programba, a szürke plusz gombra kattintva új modult adhat hozzá az oldalához. Új modulok csak sorok belsejében adhatók hozzá. Ha új oldalt indít, ne felejtse el először hozzáadni egy sort az oldalához.

Wordpress ajánlólevél modul

Keresse meg az ajánlólistát a modulok listájában, és kattintson rá, hogy hozzáadja az oldalához. A modulok listája kereshető, ami azt jelenti, hogy beírhatja az "ajánlás" szót is, majd nyomja meg az Enter billentyűt az ajánlás modul automatikus megkereséséhez és hozzáadásához! A modul hozzáadása után a modul opcióinak listája fogadja. Ezeket az opciókat három fő csoportra osztják: Tartalom , Fogamzás et fejlett .

Példa felhasználási esetre: Termékoldal ajánlólevél szakasz

Az ajánlási rész hozzáadása az egyik legjobb módja ennek elősegítése termékét vagy szolgáltatását. Ebben a példában megmutatom, hogyan használhatja a Beszámoló modult egy ajánlási rész létrehozásához a céloldal alján, hogy elősegítése termékét vagy szolgáltatását. Az ajánló rész címe: „Boldog vásárlók”. Fontos, hogy hatékony cím legyen, amely egyszerre kreatív és releváns. Mindhárom ajánlás rövid, három oszlopos elrendezésben, majd az oldal alján egy CTA gomb található.

Példa tartalomra, két ajánlással

Az ajánlólevél-rész hozzáadásához az oldalhoz használja a vizuális készítőt egy szabványos szakasz hozzáadásához három oszlopos sorral. Ezután adjon hozzá egy ajánlóleveles modult a sor első oszlopához.

Divi tanúságtétel szakaszFrissítse a Testimonial modul beállításait a következővel:

Tartalom lapon

Szerző neve: [adja meg a nevét]
Cikk címe: [adja meg a címet]
Cégnév: [adja meg a céget]
Tartalom: [adja meg az ajánlás tartalmát]
Álló kép URL-je: [90 × 90 kép letöltése]
Idézet ikonra
:

Tervező lap

Szöveg színe: világos
Szövegorientáció:
Body Corps Rendőrség: Roboto Light
Karosszéria Betűméret: 20px
A testvonal magassága: 1.5em

Divi wordpress ajánlási példaMost, hogy elkészítette az első beszámoló modult, duplázza meg azt kétszer, és húzza a duplikátum modulokat a második és harmadik oszlop kitöltéséhez.

Példa két tanúvallomásra

Mivel az összes tervezési paraméter átkerült a másodlagos modulokba a második és a harmadik sorban, egyszerűen visszatérhet, és frissítheti mindegyik tartalmát.

Ez minden.

A Testimonial modul tartalmi paraméterei

A divi modul tartalmának paramétereA tartalom fülön lévő beállítások csoportokba vannak rendezve, amelyeket megnyithat a további lehetőségek megtekintéséhez. Ez sokkal könnyebben megtalálja a kívánt beállítást. A tetején található keresősáv segítségével egyszerre kereshet az összes beállítási fülön a kívánt beállításhoz. Ez egyenesen a lényegre visz!

szövegek

Itt adhatja meg az ajánlás szerzőjének nevét, a cikk címét, a céget és maga az ajánlás tartalmát.

Kép

Ha profilfotója vagy más típusú képe van az ajánlása kíséretében, akkor itt fogja hozzáadni.

Link

Itt hozzáadhatja a szerző vagy a vállalat URL-jét, és szabályozhatja annak megnyitását.

Éléments

Itt kiválaszthatja, hogy az árajánlat ikont láthatóvá vagy rejtetté tegye.

kontextus

Itt választhat, hogy háttérszínt vagy képet ad hozzá az ajánláshoz.

Admin címke

Ebben a legördülő listában hozzáadhat egy adminisztrátori címkét, amely megjelenik az építőben az irányítópulton, valamint a vizuális készítő nézetben.

A beszámoló modul tervezési paraméterei

Paramétertervezés diviA Tervezés lap beállításai a következő csoportokba vannak rendezve, hogy megkönnyítsék a kívánt beállítás megtalálását. És ne feledje, hogy a keresősáv segítségével még gyorsabb beállításokat is találhat!

Idézet ikonra

Itt állíthatja be az árajánlat ikon színét.

Portré

Az álló beállítások lehetővé teszik a szegély sugarának, álló szélességének és álló magasságának beállítását a Tartalom lapon esetleg hozzáadott képhez.

szövegek

Ezek a beállítások lehetővé teszik a szöveg színének és tájolásának megváltoztatását.

A szöveg teste

Ezek a beállítások lehetővé teszik a betűtípus, a súly, a méret, a szín, a térköz, a vonal magasságának és egyebek beállítását.

határ

Itt választhatja a szegély használatát. Ha pedig egy szegélyt választ, akkor kiválaszthatja a színét, megváltoztathatja a szélességét és a stílusát is.

térköz

A térközben egyéni kitöltést adhat az ajánlás tetejére, jobbra, aljára vagy balra. Ezeket az értékeket asztali számítógépeken, táblagépeken vagy mobileszközökön is módosíthatja.

A Testimonial modul speciális paraméterei

Előzetes beállítások két ajánlásAz ajánlólevél modul Speciális lapján hozzáadhat egy azonosítót (azonosítót) és egy egyedi css osztályt. Hozzáadhat egyéni cs-eket különféle előre definiált (és előre kiválasztott) css-szelektorokhoz az egyéni css legördülő lista video csúszkamoduljában. Végül a láthatóság legördülő listában módosíthatja modulja láthatóságát telefonokon, táblagépeken és asztali számítógépeken.

[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 TÉMA LETÖLTÉSE [/vcex_button][/vc_column][vc_colum /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]LETÖLTÉS TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Egyéb Divi oktatóanyagok