A Divi lehetővé teszi, hogy a csúszkákat teljes szélességű szakaszokban helyezze el, így a csúszkák a böngésző teljes szélességében lefednek. A Divi csúszkák (csúszkák) támogatják a parallaxis hátteret, valamint a videó hátteret!

használjon csúszkát a divi.png oldalon

Hogyan egészítsünk ki egy teljes szélességű Diapo modult a Divi-ből

Mielőtt teljes szélességű csúszkamodult adhatna az oldalához, először be kell ugrania a Divi Builderbe. Egyszer a Divi téma telepítve az Önre weboldal, akkor észrevesz egy gombot Használja a Divi Builderta 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 böngészi a weboldal az előtérben, ha be van jelentkezve a WordPress irányítópultjába.

használd a vizuális készítőt divi.png

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.

hozzon létre egy dia divi bemutató wordpress.png fájlt

Keresse meg a teljes szélességű csúszka modult a modulok listájában, és kattintson rá, hogy hozzáadja az oldalához. A modok listája kereshető, ami azt jelenti, hogy beírhatja a "Slide" szót is, majd az Enter gombra kattintva automatikusan megtalálja és hozzáadja a teljes szélességű csúszka modult! 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 esetet: Teljes szélességű csúszkahős szakasz hozzáadása a kezdőlaphoz

A teljes szélességű csúszka nagyszerű módja annak, hogy több CTA-t bemutasson a kezdőlap küszöbértéke felett. A képek és a tartalom kombinációja valóban professzionális érzést adhat a részlegének, amely kiemelkedik.

Ebben a példában hozzáadok egy teljes szélességű diát, amely a kezdőlap fő részeként szolgál.

hozzon létre egy teljes szélességű diát.jpg

A Visual Builder használatával adjon hozzá egy Teljes szélesség szakaszt a weboldal tetejéhez. Ezután helyezze be a Fullwidth Slider modult az új szakaszába. A teljes szélességű diabeállítások Tartalom lapján kattintson a gombra + Új elem hozzáadása az első dia létrehozásához.

hozzon létre egy dia Div.png fájlt

Az első dia diabeállításaiban frissítse a következő lehetőségeket:

Tartalom opciók

En-tête : [írja be a dia címét]
Gomb szöveg : [írja be a gomb szövegét]
Tartalom : [írja be a diák szöveges tartalmát]
Gomb URL : [írja be a Diák cél URL-jét]
Háttérkép : [adja meg a képet, amely a dia háttereként szolgál]

Tervezési lehetőségek

Használja a háttér fedvényt : IGEN
Háttér átfedés színe : rgba (0,0,0,0.2) ez az átfedés kissé elsötétíti a háttérképet, hogy a szöveg olvashatóbb legyen.

dia divi blogpascher.png

Mentse el a diák beállításait

Most másolja le az imént létrehozott diát, és szükség szerint frissítse az új diát új tartalommal. Ismételje meg ezt az összes hozzáadni kívánt dián.

duplikál egy divi.png dia

Ez minden. Ebben a példában csak két diát mellékelek, de az eredmény egy hatékony, teljes szélességű hőscsúszka több cselekvésre ösztönzővel, amely arra készteti a felhasználót, hogy kattintson a gombra további információkért. Mivel ez a fő cselekvésre való felhívása weboldal, azt javaslom, futtasson osztott teszteket a teljes szélességű dián a Divi Leads segítségével, és nézze meg, melyik konvertál a legjobban.

példa dia divi dem.gif

Csúsztassa a teljes tartalom opcióit

A Tartalom fülön megtalálja a modul összes tartalmi elemét, például szöveget, képeket és ikonokat. Minden, ami irányít mi jelenik meg a modulban, mindig megtalálható ezen a lapon.

dia divi section content.png

nyilak

Válassza ki, hogy meg akarja-e jeleníteni a bal és a jobb oldali navigációs nyilat.

ellenőrzések

Válassza ki, hogy megjelenjen-e a kurzor alján található körgombok / dia mutatók.

Rendszergazda címke

Ez megváltoztatja a konstruktor modul címkéjét az egyszerű azonosítás érdekében. Amikor a WireFrame nézetet használja a Visual Builder alkalmazásban, ezek a címkék a Divi Builder felület modulblokkjában jelennek meg.

Slide Module Design lehetőségek

A Tervezés lapon megtalálja a modul összes stíluslehetőségét, például a betűtípusokat, a színeket, a méretezést és a térközt. Ezen a lapon módosíthatja a modul megjelenését. Minden Divi modulnak hosszú a tervezési beállítások listája, amelyek segítségével bármit megváltoztathat.

dia résztervezés divi.png

Távolítsa el a belső árnyékot

Alapértelmezés szerint egy belső árnyék jelenik meg a kurzorban. Ha ki akarja kapcsolni ezt az árnyékot, akkor ezt a beállítást használva teheti meg.

Parallax hatás

Ennek az opciónak az engedélyezésével a háttérképek rögzített pozíciót kapnak görgetés közben. Ne feledje, hogy ha engedélyezi ezt a beállítást, a képei a böngésző magasságához méretezik a képeket.

Fejléc betűtípusa

A fejléc szövegének betűtípusát úgy módosíthatja, hogy a legördülő menüből kiválasztja a kívánt betűtípust. A Divi több tucat nagyszerű betűtípussal rendelkezik, amelyeket a Google Fonts fejleszt. Alapértelmezés szerint Divi az Open Sans betűtípust használja az oldal összes szövegéhez. A szöveg stílusát testreszabhatja félkövér, dőlt, nagybetűs és aláhúzási lehetőségek használatával is.

a lentete.png dia-szekció fonttervezete

Fejléc betűmérete

Itt állíthatja be a fejléc szövegének méretét. A tartomány csúszkáját húzva növelheti vagy csökkentheti a szöveg méretét, vagy közvetlenül beírhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

Fejléc szövegének színe

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha meg szeretné változtatni a fejléc szövegének színét, válassza ki a kívánt színt a színválasztóból ezzel az opcióval.

Fejléc betűköz

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg szeretné növelni a fejlécszöveg egyes betűi közötti teret, használja a tartomány csúszkáját a szóköz beállításához, vagy írja be a kívánt távolságméretet a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának módosításához.

Fejléc magassága

A sor magassága befolyásolja a fejlécszöveg egyes sorai közötti teret. Ha növelni szeretné az egyes sorok közötti teret, a tartomány csúszkájával állítsa be a teret, vagy írja be a kívánt távolságméretet a beviteli mező a kurzor jobb oldalán. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

Testőrség

A legördülő menüből kiválaszthatja a kívánt betűtípust. A Divi több tucat nagyszerű betűtípussal rendelkezik, amelyeket a Google Fonts szolgáltat. Alapértelmezés szerint Divi az Open Sans betűtípust használja az oldal összes szövegéhez. Testreszabhatja szövegének stílusát félkövér, dőlt, nagybetűk és aláhúzási lehetőségek használatával.

A test betűmérete

Itt állíthatja be a törzsszöveg méretét. A tartomány csúszkáját húzva növelheti vagy csökkentheti a szöveg méretét, vagy közvetlenül beírhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

szekció design dia modul divi.png

A test szövegszíne

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha meg akarja változtatni a szöveg színét, válassza ki a kívánt színt a színválasztóból ezzel az opcióval.

A testek betűinek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg akarja növelni a szöveg egyes betűi közötti teret, használja a tartomány csúszkáját a szóköz beállításához, vagy írja be a kívánt távolságméretet a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

A testvonal magassága

A vonalvastagság befolyásolja a szöveg egyes sorai közötti távolságot a testben a kurzortól jobbra található. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

Felső párnázat

Ez a paraméter vezérli a belső teret a modul teteje és a modul szöveges tartalma között. Ha növelni vagy csökkenteni szeretné ezt a helyet, írja be ide a kívánt értéket. Például a kurzor terének és teljes méretének csökkentése érdekében megadhat 100px értéket. A magasság dinamikusabbá tételéhez megadhat egy százalékos értéket is, például 10% -ot.

Alsó bélés

Ez a paraméter vezérli a belső teret a modul alja és a modul szöveges tartalma között. Ha növelni vagy csökkenteni szeretné ezt a helyet, írja be ide a kívánt értéket. Például a kurzor terének és teljes méretének csökkentése érdekében megadhat 100px értéket. A magasság dinamikusabbá tételéhez megadhat egy százalékos értéket is, például 10% -ot.

Használjon egyedi stílusokat a gombhoz

Ennek az opciónak az engedélyezésével különböző gombok testreszabási beállításai láthatók, amelyek segítségével módosíthatja a modul gombjának megjelenését.

Gomb szövegmérete

Ezzel a beállítással növelhető vagy csökkenthető a gomb szövegének mérete. A gomb alkalmazkodik a szöveg méretének növekedésével és csökkenésével.

A gomb szövegének színe

Alapértelmezés szerint a gombok átveszik a téma kiemelő színét, a téma testreszabásban meghatározottak szerint. Ezzel az opcióval egyedi szövegszínt rendelhet a modul gombjához. Válassza ki az egyéni színt a színválasztóval a gomb színének megváltoztatásához.

divi.png gomb szín

Gomb háttérszíne

Alapértelmezés szerint a gombok átlátszó háttérszínnel rendelkeznek. Ez megváltoztatható a kívánt háttérszín kiválasztásával a színválasztóból.

A gomb szegélyének szélessége

Az összes Divi gomb alapértelmezés szerint 2 képpontos szegéllyel rendelkezik. Ez a határ növelhető vagy csökkenthető ezzel a beállítással. A határok eltávolíthatók 0 érték megadásával.

Gomb szegély színe

Alapértelmezés szerint a gomb szegélyei átveszik a téma kiemelő színét a Téma testreszabásban meghatározottak szerint. Ez az opció lehetővé teszi, hogy hozzárendeljen egy egyedi szegélyszínt ennek a modulnak a gombjára. Válassza ki az egyéni színt a színválasztóval a gomb szegélyének megváltoztatásához.

Gombkeret sugara

A határ sugara befolyásolja a gombok sarkainak kerekségét. Alapértelmezés szerint a Divi gombjainak kis szegélysugara van, amely 3 pixellel kerekíti a sarkokat. Ezt az értéket csökkentheti 0-ra egy négyzet alakú gomb létrehozásához, vagy jelentősen megnövelheti a kör alakú élű gombok létrehozásához.

A gomb betűinek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg akarja növelni a gomb szövegében az egyes betűk közötti teret, használja a tartomány csúszkáját a szóköz beállításához, vagy írja be a kívánt távolságméretet a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának módosításához.

Gomb betűtípus

A legördülő menüből kiválaszthatja a kívánt betűtípust. A Divi több tucat nagyszerű betűtípussal rendelkezik, amelyeket a Google Fonts szolgáltat. Alapértelmezés szerint Divi az Open Sans betűtípust használja az oldal összes szövegéhez. A szöveg stílusát testreszabhatja félkövér, dőlt, nagybetűk és aláhúzási lehetőségek használatával is.

Adjon hozzá egy gomb ikont

Letiltva, ez a beállítás eltávolítja az ikonokat a gombodból. Alapértelmezés szerint az összes Divi gomb nyíl ikont jelenít meg az egérrel.

Gomb ikonra

Ha az ikonok engedélyezve vannak, akkor ezzel a beállítással kiválaszthatja, hogy melyik ikont használja a gombjában. Divi különböző ikonok közül választhat.

Színes ikon gombra

A beállítás módosítása megváltoztatja a gombon megjelenő ikon színét. Alapértelmezés szerint az ikon színe megegyezik a gomb szövegének színével, de ez a beállítás lehetővé teszi a szín független beállítását.

Ikon elhelyezés gomb

Dönthet úgy, hogy a gomb ikonját balra vagy jobbra jeleníti meg.

Az ikon megjelenítése csak akkor, ha a gomb fölé viszi az egeret

Alapértelmezés szerint a gombok ikonjai csak lebegés közben jelennek meg. Ha azt szeretné, hogy az ikon mindig megjelenjen, kapcsolja ki ezt a beállítást.

A gomb húzó szövegének színe

Amikor a látogató egere fölé viszi a gombot, akkor ezt a színt használják. A szín megváltozik az előző beállításokban meghatározott alapszíntől.

Hover gomb háttérszíne

Amikor a látogató egere fölé viszi a gombot, akkor ezt a színt használják. A szín megváltozik az előző beállításokban meghatározott alapszíntől.

Színes hover border gomb

Amikor a látogató egere fölé viszi a gombot, akkor ezt a színt használják. A szín megváltozik az előző beállításokban meghatározott alapszíntől.

Hover Border Radius gomb

Amikor a látogató egere fölé viszi a gombot, ez az érték lesz felhasználva. Az érték megváltozik az előző beállításokban meghatározott alapértékhez képest.

Mutatósávközlő gomb

Amikor a látogató egere fölé viszi a gombot, ez az érték lesz felhasználva. Az érték megváltozik az előző beállításokban meghatározott alapértékhez képest.

Speciális opciók teljes szélességű diamodul

A Haladó lapon olyan lehetőségeket talál, amelyeket a tapasztaltabb webtervezők hasznosnak találhatnak, például egyéni CSS és HTML attribútumokat. Itt alkalmazhat egyedi CSS-t a modul számos elemére. Alkalmazhat egyedi CSS osztályokat és azonosítókat is a modulra, amelyek felhasználásával testreszabhatja a modult a gyermek téma style.css fájljában.

előre szakasz dia modul divi.png

CSS azonosító

Adjon meg egy opcionális CSS azonosítót, amelyet ehhez a modulhoz használ. Az azonosító felhasználható egyedi CSS-stílus létrehozására vagy az oldal egyes szakaszaira történő hivatkozásokra.

CSS osztály

Adja meg az ehhez a modulhoz használandó opcionális CSS osztályokat. Egy CSS osztály felhasználható egyedi CSS stílus készítéséhez. Több osztályt is felvehet, szóközzel elválasztva. Ezeket az osztályokat fel lehet használni a Divi gyermek témában, vagy az egyéni CSS stíluslapban, amelyet hozzáad az oldalához vagy a webhelyéhez a Divi téma beállításai vagy a Divi Builder oldal beállításai segítségével.

Egyéni CSS

Az egyedi CSS alkalmazható a modulra és a modul bármely belső elemére is. Az Egyéni CSS részben talál egy szövegmezőt, ahol egyedi CSS stíluslapokat adhat hozzá minden elemhez. Az ezekben a beállításokban található CSS ​​bejegyzések már stíluscímkékbe vannak csomagolva. Tehát csak pontosvesszővel elválasztva adja meg a CSS-szabályokat.

Automatikus animáció

Ha azt szeretné, hogy a kurzor csúsztassa automatikusan, anélkül, hogy a látogatónak a következő gombra kell kattintania, engedélyezze ezt az opciót, majd tetszés szerint állítsa be az elforgatási sebességet.

Automatikus animációs sebesség (ms)

Itt megadhatja, hogy a kurzor milyen gyorsan halványuljon az egyes diák között, ha a fenti „Automatikus animálás” opció engedélyezve van. Minél nagyobb a szám, annál hosszabb a szünet az egyes forgatások között.

Folytassa az Auto slide (Automatikus csúszkát) a Hover

A bekapcsolás lehetővé teszi, hogy az automatikus csúszka folytassa az egér mozgatásával.

Tartalom elrejtése mobilon

Amint a képernyő mérete kisebb lesz a mobileszközökön, a képernyő ingatlan értékesebbé válik. Néha célszerű kikapcsolni néhány kevésbé fontos kurzorelemet a kurzor méretének csökkentése és olvashatóbbá tétele érdekében. A beállítás aktiválása elrejti a kurzor szöveges tartalmát a mobilon.

A CTA elrejtése mobilon

Amint a képernyő mérete kisebb lesz a mobileszközökön, a képernyő ingatlan értékesebbé válik. Néha célszerű kikapcsolni néhány kevésbé fontos kurzorelemet a kurzor méretének csökkentése és olvashatóbbá tétele érdekében. A beállítás aktiválása elrejti a kurzor cselekvésre ösztönző gombjait a mobilon.

Kép / videó megtekintése mobilon

Amint a képernyő mérete kisebb lesz a mobileszközökön, a képernyő ingatlan értékesebbé válik. Néha célszerű kikapcsolni néhány kevésbé fontos kurzorelemet a kurzor méretének csökkentése és olvashatóbbá tétele érdekében. Ennek a beállításnak az engedélyezésével a diaképek és videók a mobilon jelennek meg (alapértelmezés szerint le vannak tiltva).

láthatóság

Ez az opció lehetővé teszi azoknak az eszközöknek a vezérlését, amelyeken a modul megjelenik. Választhatja a modul deaktiválását táblagépeken, okostelefonokon vagy asztali számítógépeken egyenként. Ez akkor hasznos, ha különböző modokat szeretne használni különböző eszközökön, vagy ha le akarja egyszerűsíteni a mobil tervezését bizonyos elemek eltávolításával az oldalról.

Tartalombeállítások teljes szélességű diamodul elemekhez

egyéni elemmodul divi diapo.png

Cím

Itt állíthatja be a kurzorcím szövegét.

Gomb szöveg

Ha egy gombot szeretne megjeleníteni a diátartalma alatt, ide írja be a gomb szövegét. Hagyja üresen ezt a mezőt, ha nem szeretne gombot megjeleníteni.

Tartalom

Ide írja be a kurzor törzstartalmát. Ne feledje, hogy az ide beírt szöveg mennyisége határozza meg a diák magasságát.

Gomb URL

Ha egy gombot jelenít meg, illesszen be érvényes web URL-t ebbe a mezőbe a cél link beállításához.

Húzza a képet

Ha hozzáad egy diaképet, akkor az a dia szövegének bal oldalán jelenik meg a dia háttér felett. Ha nem ad meg diaképet, akkor a bal oldalon lesz egy középre helyezett, csak szöveges dia. Mivel az egyes diák magasságát a szöveg határozza meg, ha a dia képe elég magas, akkor az a dia alja alá esik, és alul egy igazított képet hoz létre.

húzza a képet divi.png

Ne feledje, hogy a diával ellátott csúszda magasságát a csúszkában lévő magasabb csúszdával lehet meghatározni. Győződjön meg arról, hogy a diakép elég nagy ahhoz, hogy elférjen, ha azt szeretné, hogy a kép alul legyen igazítva. Az olvashatóság érdekében a diák csak oszlop-, oszlop- vagy 1 oszlopszélességű csúszkában jelennek meg. Hasonlóképpen, a diaképek nem jelennek meg a böngésző szélességénél, amely 768 pixelnél kisebb. A diák képszélességeit az alábbiakban adjuk meg. Javasoljuk, hogy a diaképei legalább ilyen szélesek legyenek.

Videó dia

Ha hozzáad egy diavetítést, akkor az a dia szövegének bal oldalán jelenik meg a dia háttér felett. Ha nem ad meg diavetítést, akkor a bal oldalon lesz egy középre helyezett, csak szöveges dia. Mivel az egyes diák magasságát a szöveg határozza meg, ha a dia képe elég magas, akkor az a dia alja alá esik, és alul egy igazított képet hoz létre.

Szüneteltetheti a videót

Engedje meg, hogy a lejátszó szüneteltesse a videót, amikor elkezdik játszani

Háttérkép

Ha be van állítva, akkor ezt a képet fogja használni a modul háttereként. A háttérkép eltávolításához egyszerűen távolítsa el az URL-t a beállítások mezőből.

A diák magasságát a hozzáadott szöveg mennyisége határozza meg. Ha több diája van, akkor a csúszka a legmagasabb csúcs magasságát veszi fel.

A kurzor szélességét a böngésző szélessége határozza meg. A szokásos képernyőméretek alapján azt javasoljuk, hogy képeinek legalább 1280 x 768 képpontos legyenek.

A háttérkép helyzete

Alapértelmezés szerint a háttérképek a dia közepén jelennek meg. Ezzel a beállítással megváltoztathatja a csúsztatás felső, alsó, bal, jobb vagy a csúszda négy sarkának bármelyikét.

Háttérkép mérete

Alapértelmezés szerint a háttérképek arányosan nagyításra kerülnek annak biztosítására, hogy kitöltsék a teljes diát. Ezzel az opcióval azonban megváltoztathatja az alapértelmezett viselkedést. A "lefedettség" az alapértelmezett viselkedés, amely a képet a teljes diára lefedi. Az „illesztés” arra is kényszeríti a képet, hogy a teljes területet lefedje, ugyanakkor a kép magasságát és szélességét a kurzor magasságához és szélességéhez kell igazítani. Ez torz képet eredményezhet, de megakadályozza a kép kivágását. A "Tényleges méret" nem méretezi a képet, és natív méretben jeleníti meg.

Háttérszín

Ha csak egyszínű hátteret szeretne használni a diához, használja a színválasztót a háttérszín beállításához.

MP4 háttér videó

Az összes videót mindkét .MP4 .WEBM formátumban le kell tölteni, hogy az összes böngészőben maximálisan kompatibilis legyen. Töltse le az .MP4 verziót innen. Fontos megjegyzés: A videohátterek le vannak tiltva a mobileszközökről. Ehelyett a bkacground képét fogja használni. Ezért a jobb eredmények érdekében beállítania kell mind a háttérképet, mind pedig a háttér videót.

WEBM háttér videó

Az összes videót mindkét .MP4 .WEBM formátumban le kell tölteni, hogy az összes böngészőben maximálisan kompatibilis legyen. Töltse le a .WEBM verziókat itt. Fontos megjegyzés: A videohátterek le vannak tiltva a mobileszközökről. Ehelyett a bkacground képét fogja használni. Ezért a jobb eredmények érdekében beállítania kell mind a háttérképet, mind pedig a háttér videót.

Háttér videó szélessége

A videók megfelelő méretének megadásához itt kell megadnia a videó pontos szélességét (pixelben).

Video magasság háttér

A megfelelő méretű videókhoz itt kell megadnia a videó pontos magasságát (pixelben).

Diaelemek tervezési lehetőségei

szakasz stílusmodul divi.png

Használja a háttér fedvényt

Ha engedélyezve van, akkor egy egyéni fedőszín kerül a háttérkép fölé és a csúszka tartalma mögé.

Háttérfedeles szín

A színválasztóval válassza ki a háttér színét.

Szöveges átfedés használata

Ha ez az opció engedélyezve van, a kurzor szövege mögé háttérszín kerül, hogy a háttérképeken jobban olvasható legyen.

Szöveges átfedés színe

A színválasztóval válassza ki a szín a szöveges átfedéshez.

Szövegfedélzet határoló sugara

A szegély sugara befolyásolja a szövegfedvény terület sarkainak kerekségét. Alapértelmezés szerint a sarkok kissé lekerekített élűek, 3 képpontosak. Csökkentheti ezt az értéket 0-ra téglalap alakú mező létrehozásához, vagy növelheti az értéket, hogy a sarkok még lekerekítettebbek legyenek.

Egyéni színes nyilak

Amikor egy csúszka modul fölé viszi az egérmutatót, nyilak jelennek meg, amelyek lehetővé teszik a látogató számára az egyes diák közötti navigálást. Alapértelmezés szerint ezek a nyilak öröklik a dia fő szövegének színét. Ezeknek a nyilaknak azonban megadhat egy egyéni színt ezzel a beállítással.

Dot Nav Custom Color

Az egyes kurzorokban a pontok navigációs elemei megjelennek a kurzor tartalma alatt. Ezek az elemek lehetővé teszik a felhasználó számára a kurzor navigálását. Ezen elemek színválasztójával meghatározhat egy egyedi színt, amelyet ezekhez az elemekhez használhat.

A diakép függőleges igazítása

Ez a beállítás határozza meg a diakép függőleges igazítását. A kép függőlegesen középre igazítható, vagy a dia aljára igazítható.

Szöveg színe

Ha a diája háttere sötét, akkor a szöveg színét „Világos” értékre kell állítani. Fordítva, ha a dia háttere világos, a szöveg színét "Sötét" -re kell állítani.

Fejléc betűtípus

A fejléc szövegének betűtípusát úgy módosíthatja, hogy a legördülő menüből kiválasztja a kívánt betűtípust. A Divi több tucat nagyszerű betűtípussal rendelkezik, amelyeket a Google Fonts fejleszt. Alapértelmezés szerint Divi az Open Sans betűtípust használja az oldal összes szövegéhez. A szöveg stílusát testreszabhatja félkövér, dőlt, nagybetűs és aláhúzási lehetőségek használatával is.

Fejléc betűmérete

Itt állíthatja be a fejléc szövegének méretét. A tartomány csúszkáját húzva növelheti vagy csökkentheti a szöveg méretét, vagy közvetlenül beírhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

Fejléc szövegének színe

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha meg szeretné változtatni a fejléc szövegének színét, válassza ki a kívánt színt a színválasztóból ezzel az opcióval.

a fejléc szelvényezési modul dispo divi.png színe

Fejléc betűköz

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg szeretné növelni a fejlécszöveg egyes betűi közötti teret, használja a tartomány csúszkáját a szóköz beállításához, vagy írja be a kívánt távolságméretet a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának módosításához.

Fejléc magassága

A sor magassága befolyásolja a fejlécszöveg egyes sorai közötti teret. Ha növelni szeretné az egyes sorok közötti teret, a tartomány csúszkájával állítsa be a teret, vagy írja be a kívánt távolságméretet a beviteli mező a kurzor jobb oldalán. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

Body betűtípus

A legördülő menüből kiválaszthatja a kívánt betűtípust. A Divi több tucat nagyszerű betűtípussal rendelkezik, amelyeket a Google Fonts szolgáltat. Alapértelmezés szerint Divi az Open Sans betűtípust használja az oldal összes szövegéhez. Testreszabhatja szövegének stílusát félkövér, dőlt, nagybetűk és aláhúzási lehetőségek használatával.

A test betűmérete

Itt állíthatja be a törzsszöveg méretét. A tartomány csúszkáját húzva növelheti vagy csökkentheti a szöveg méretét, vagy közvetlenül beírhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

A test szövegszíne

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha meg akarja változtatni a szöveg színét, válassza ki a kívánt színt a színválasztóból ezzel az opcióval.

A testek betűinek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg akarja növelni a szöveg egyes betűi közötti teret, használja a tartomány csúszkáját a szóköz beállításához, vagy írja be a kívánt távolságméretet a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

testvonal divi modul diapo.png

A testvonal magassága

A vonalvastagság befolyásolja a szöveg egyes sorai közötti távolságot a testben a kurzortól jobbra található. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának megváltoztatásához.

Használjon egyedi stílusokat a gombhoz

Ennek az opciónak az engedélyezésével különböző gombok testreszabási beállításai láthatók, amelyek segítségével módosíthatja a modul gombjának megjelenését.

Gomb szövegmérete

Ezzel a beállítással növelhető vagy csökkenthető a gomb szövegének mérete. A gomb alkalmazkodik a szöveg méretének növekedésével és csökkenésével.

A gomb szövegének színe

Alapértelmezés szerint a gombok átveszik a téma kiemelő színét, a téma testreszabásban meghatározottak szerint. Ezzel az opcióval egyedi szövegszínt rendelhet a modul gombjához. Válassza ki az egyéni színt a színválasztóval a gomb színének megváltoztatásához.

Gomb háttérszíne

Alapértelmezés szerint a gombok átlátszó háttérszínnel rendelkeznek. Ez megváltoztatható a kívánt háttérszín kiválasztásával a színválasztóból.

Szélesség szélesség gomb

Az összes Divi gomb alapértelmezés szerint 2 képpontos szegéllyel rendelkezik. Ez a határ növelhető vagy csökkenthető ezzel a beállítással. A határok eltávolíthatók 0 érték megadásával.

Gomb szegély színe

Alapértelmezés szerint a gomb szegélyei átveszik a téma kiemelő színét a Téma testreszabásban meghatározottak szerint. Ez az opció lehetővé teszi, hogy hozzárendeljen egy egyedi szegélyszínt ennek a modulnak a gombjára. Válassza ki az egyéni színt a színválasztóval a gomb szegélyének megváltoztatásához.

Gombkeret sugara

A határ sugara befolyásolja a gombok sarkainak kerekségét. Alapértelmezés szerint a Divi gombjainak kis szegélysugara van, amely 3 pixellel kerekíti a sarkokat. Ezt az értéket csökkentheti 0-ra egy négyzet alakú gomb létrehozásához, vagy jelentősen megnövelheti a kör alakú élű gombok létrehozásához.

konfigurációs gomb modul divi.png

A gomb betűinek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg akarja növelni a gomb szövegében az egyes betűk közötti teret, használja a tartomány csúszkáját a szóköz beállításához, vagy írja be a kívánt távolságméretet a csúszka jobb oldalán található beviteli mezőbe. A beviteli mezők különböző mértékegységeket támogatnak, ami azt jelenti, hogy a méretértékétől függően "px" vagy "em" értéket adhat meg az egység típusának módosításához.

Gomb betűtípus

A legördülő menüből kiválaszthatja a kívánt betűtípust. A Divi több tucat nagyszerű betűtípussal rendelkezik, amelyeket a Google Fonts szolgáltat. Alapértelmezés szerint Divi az Open Sans betűtípust használja az oldal összes szövegéhez. A szöveg stílusát testreszabhatja félkövér, dőlt, nagybetűk és aláhúzási lehetőségek használatával is.

Adjon hozzá egy gomb ikont

Letiltva, ez a beállítás eltávolítja az ikonokat a gombodból. Alapértelmezés szerint az összes Divi gomb nyíl ikont jelenít meg az egérrel.

Gomb ikonra

Ha az ikonok engedélyezve vannak, akkor ezzel a beállítással kiválaszthatja, hogy melyik ikont használja a gombjában. Divi különböző ikonok közül választhat.

Színes ikon gombra

A beállítás módosítása megváltoztatja a gombon megjelenő ikon színét. Alapértelmezés szerint az ikon színe megegyezik a gomb szövegének színével, de ez a beállítás lehetővé teszi a szín független beállítását.

Ikon elhelyezés gomb

Dönthet úgy, hogy a gomb ikonját balra vagy jobbra jeleníti meg.

Az ikon megjelenítése csak akkor, ha a gomb fölé viszi az egeret

Alapértelmezés szerint a gombok ikonjai csak lebegés közben jelennek meg. Ha azt szeretné, hogy az ikon mindig megjelenjen, kapcsolja ki ezt a beállítást.

A gomb húzó szövegének színe

Amikor a látogató egere fölé viszi a gombot, akkor ezt a színt használják. A szín megváltozik az előző beállításokban meghatározott alapszíntől.

Hover gomb háttérszíne

Amikor a látogató egere fölé viszi a gombot, akkor ezt a színt használják. A szín megváltozik az előző beállításokban meghatározott alapszíntől.

Színes hover border gomb

Amikor a látogató egere fölé viszi a gombot, akkor ezt a színt használják. A szín megváltozik az előző beállításokban meghatározott alapszíntől.

Hover Border Radius gomb

Amikor a látogató egere fölé viszi a gombot, ez az érték lesz felhasználva. Az érték megváltozik az előző beállításokban meghatározott alapértékhez képest.

Mutatósávközlő gomb

Amikor a látogató egere fölé viszi a gombot, ez az érték lesz felhasználva. Az érték megváltozik az előző beállításokban meghatározott alapértékhez képest.

Speciális kurzorbeállítások Teljes szélesség

előre szakasz dia modul egyedi elem divi.png

Egyéni CSS

Az egyedi CSS alkalmazható a modulra és a modul bármely belső elemére is. Az Egyéni CSS részben talál egy szövegmezőt, ahol egyedi CSS stíluslapokat adhat hozzá minden elemhez. Az ezekben a beállításokban található CSS ​​bejegyzések már stíluscímkékbe vannak csomagolva. Tehát csak pontosvesszővel elválasztva adja meg a CSS-szabályokat.

Alternatív képszöveg

Az alt szöveg minden szükséges információt megad, ha a kép nem töltődik be, nem megfelelően jelenik meg, vagy bármilyen más helyzetben, amikor a felhasználó nem látja a képet. Ez lehetővé teszi a kép elolvasását és a keresőmotorok általi felismerését is.

[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