Videók hozzáadása az oldalához a Diviben egyszerű, ha a Video modult használja. Ez a modul lehetővé teszi bármilyen forrásból származó videók beágyazását, valamint az indexkép és a lejátszás gomb testreszabását.
Hogyan lehet hozzáadni egy video modult az oldalához
Mielőtt videomodult adna az oldalához, először be kell ugrania a Divi Builderbe. 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 Divi Builder 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 Használja a Visual Builder alkalmazást amikor az előtérben böngészi a webhelyet, ha csatlakozik a WordPress irányítópultjához.
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.
Keresse meg a videó modot a modok listájában, és kattintson rá, hogy hozzáadja az oldalához. A mod lista kereshető, ami azt jelenti, hogy beírhatja a „video” szót is, majd az Enter gombra kattintva automatikusan megtalálja és hozzáadja a videó modot! A modul hozzáadása után a modul opcióinak listája fogadja. Ezek az opciók három fő csoportra vannak felosztva: Tartalom , Fogamzás et fejlett .
Használjon példát: Videó hozzáadása a céloldalhoz
Videó hozzáadása a céloldalhoz nagyszerű módja annak elősegítése termékeit, és növelje a konverziók számát. Ebben a példában megmutatom, hogyan adhat hozzá videót a céloldalhoz a videomodul segítségével. Egy piros kört tettem oda, ahol a videónak kell lennie.
A Visual Builder használatával új szakaszt adok hozzá teljes szélességű sorral (1 oszlop). A sorbeállításokban a Tervezés fül alatt kiválasztom az "Egyéni szélesség használata" lehetőséget. A megjelenő Custom Width opcióhoz 767px egyéni szélességet adok meg. Ez biztosítja, hogy az a videomodul, amelyet ebbe a sorba felveszek, nem haladja meg ezt a szélességet, és túl nagy lesz nagyobb képernyőméreteknél.
Ezután hozzáadom a videó modult a sorhoz. A Videomodul beállítás Tartalom lapján megadom annak a videónak a videó URL-jét, amelyet be akarok ágyazni a céloldalamon. Ebben a példában egy YouTube-videó URL-jét használom.
Ezután hozzáadok egy képfedvény URL-t a videomhoz a "Videó létrehozása" gombra kattintva. Ez automatikusan kihúz egy keretet a videóból, hogy egy új, egyéni videó ikonnal fedvényként szolgáljon.
A Design fül alatt megváltoztatom a lejátszás ikon színét, hogy az megfeleljen a céloldalamnak.
Most van egy videó a céloldalamról, amely tisztának tűnik, és megfelel a tervezésemnek.
Most, hogy látta a videó mod működését, merüljön el az összes beállításban az alábbi szakaszokban. Részletes áttekintést adtunk arról, hogy mit talál a modul beállításainak minden fülén, és elmagyarázzuk, hogy mit csinálnak ezek.
Tartalom opciók
A videó URL-je
A Divi Video modul lehetővé teszi videók hozzáadását két különböző módszerrel. Saját videofájlját feltöltheti számítógépéről, ha a „Videó letöltése” gombra kattint és kiválasztja a kívánt fájlt, vagy megadhat bármilyen video-URL-t harmadik fél videoforrásából, például a Youtube-ból vagy Vimeo. Csak másolja és illessze be az URL-t a böngészőjéből, és illessze be a Video URL mezőbe, és a többi a Divi gondoskodik!
Képfedvény URL
Ha egyéni video bélyegképet szeretne beállítani, amely egy egyedi lejátszás gombbal kerül a normál videó felületre, hogy élesebb és stilizáltabb megjelenést hozzon létre, akkor ezt a Képfedvény mező használatával is megteheti. Ez a vezérlő lehetővé teszi, hogy feltöltse saját, személyre szabott képét, vagy hagyja, hogy a Divi automatikusan létrehozzon egyet a videó URL-jéből. A legtöbb videó szolgáltató támogatja ezt a lehetőséget, például a Youtube és a Vimeo. Egyszerűen kattintson a „Videó létrehozása” gombra, és hagyja, hogy Divi vigyázzon a többire!
Admin címke
Alapértelmezés szerint a videomodul "Video" felirattal jelenik meg a generátorban. Az Admin tag lehetővé teszi a címke megváltoztatását az egyszerű azonosítás érdekében.
Tervezési lehetőségek
ikon színének módosítása
Ha képfedvényt jelöl ki a videó pod számára, a megjelenített videó lejátszási ikont tartalmaz a videó felett. Itt jelölheti ki az ikon színét, hogy megfeleljen az oldal színeinek.
Options avancées
CSS azonosító és osztályok
Ez felhasználható CSS azonosító vagy osztály hozzáadásához a moduljához. Ezeket aztán fel lehet használni a stíluslapban vagy a Témabeállítások egyéni CSS mezőben, hogy egyéni stílust alkalmazzon a modulra. A CSS-azonosítók horgony linkekkel is megcélozhatók, amelyek az oldal bizonyos területeire mutatnak.
Egyéni CSS
Itt hozzáadhat egyéni CSS-t a videomodulhoz.
láthatóság
Ha el szeretné rejteni a video modult néhány eszközön, akkor kiválaszthatja azokat az eszközöket, amelyeken le szeretné tiltani a video modult.
[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
- 5 weboldalak éttermi felhasználásra Divi téma
- Hogyan lehet szöveget hozzáadni a Divi WooCommerce termékhez?
- Hogyan változtathatja meg a menü színét a Divi oldalak között
- Hogyan lehet személyre szabni egy blog rácsát a Divi-vel
- Hogyan kell használni a szerepe Divi szerkesztő WordPress
- Hogyan készítsünk teljes képernyős Divi csúszkát?
- Hogyan változtathatja meg a menük színét a Divi oldalak között
- Funkciók, amelyeket valószínűleg nem ismer a Divi-ről
- A Divi Builder használata a WordPress-en
- Hogyan használjuk a Divi video scrolling modult
- A Divi Builder Flip modul használatának módja
- Hogyan adhatunk hozzá egy beszámolót a Divi Builderhez
- A Divi szövegmodul használata
- Hogyan lehet létrehozni egy csúszkát a Divi-n
- A Divi felhasználói szerepkör szerkesztése
- A Divi Social Media használata
- Hogyan lehet használni az üzlet modult a WordPress Divi témában?
- A Divi oldalsáv moduljának használata
- A Divi áratábla modul használatának módja
- A Divi kiadványok címmoduljának használata
- Hogyan adhatunk hozzá egy Divi video modult
- A cikk navigációs moduljának használata
- A Divi keresőmodul használata
- A Divi pénztárca moduljának használata
- A személyi modul használata a Divi Builder-en
- A pénztárca moduljának használata a Divi szűrővel
- A teljes szélességű csúszka modul használata
- A Divi Builder képmodul használata
- A Divi Builder teljes szélességű navigációs moduljának használata
- A képgaléria modul használata
- A Divi Builder teljes szélességű kártya moduljának használata
- A Divi teljes szélességű portfólió moduljának használata
- A Divi teljes szélességű fejléc moduljának használata
- A Divi számláló modul használata
- Hogyan lehet használni a Divi Builder cikkcsúszkáját?
- A Divi Email Optin modul használata
