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!
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.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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.
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
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.
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.
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.
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
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
- 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
Jó napot,
Nagyon köszönöm ezt az oktatóanyagot. Bevallom, hogy teljesen elvesztem, és nem teszek meg valamit, aminek bibliai egyszerűségűnek kellene lennie:
töröljön egy (vagy több) extra diát a div diavetítésemből
Azt persze láttam, hogy egy elkészített diavetítés dialistájában minden diának megfelelő sortól jobbra egy "kuka" ikont és három kis pöttyet találunk: de a kukára kattintva... hozzáadja az aktuális dia másolatát! és a helyi menü nem tartalmaz törlést lehetővé tevő sort.
Valahol előástam (már nem emlékszem, hol), hogy „rá kell helyeznem magam a törlendő diára” (bizonyosodj meg róla, hogy a képernyőn van), de ez nem változtatott semmit.
Macen dolgozom Mojave rendszerben. És megpróbáltam csatlakozni a WordPresshez a Firefoxban, mint a Chrome-ban
Nagyon köszönök minden segítséget... és elnézést az ilyen buta kérdésért
Helló
Köszönöm az oktatóprogramot, ez tényleg teljes!
Tudja, hogy lehetséges-e az animáció módosítása vagy akár eltávolítása a szövegből? mert nem alapértelmezés szerint alulról felfelé halad a háttérképeken, és szerintem nem túl szép.
köszönöm
Helló Olivier,
Megvizsgálja a kérdéses szöveg beállításait?
Jó napot,
Lehetséges, hogy egy diagombra kattintva átirányítja az URL linkjét egy új fülre?
Előre is köszönöm a lámpákat!
Helló ! köszönöm a cikkedet. a problémám az, hogy a háttérvideó nem jelenik meg mobilon, ügyfelem mindenképpen szerette volna. Azt hittem, hogy megtaláltam a válaszomat, mert a cikked szerint az "Advanced" részben lehetőség van a videók mobilra történő aktiválására, amelyek alapértelmezés szerint deaktiválva vannak. de nem találtam ezt a lehetőséget a div-jaimon. Köszönjük a választ…
Yanis
Hello Yanis,
A Divi naprakész?