Divi bemutató: Hogyan kell használni a szám számláló modul

A számszámláló modul a WordPress téma A Divi nagyszerű módja a számok szórakoztató és vonzó megjelenítésének. Ezt a modult általában megjelenítésre használják statisztika Önről vagy vállalkozásáról. Például ügyfelei vagy követői számának megjelenítése a Facebookon nagyszerű módja annak, hogy társadalmi bizonyítékokat mutasson be.

Hogyan adhatod hozzá a modul Divi számlálóját?

Mielőtt számlálómodult adhatna 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 számláló modult 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 a "számszámláló" szót is, majd az "Enter" gombra kattintva automatikusan megtalálja és hozzáadja a számszámláló 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 .

Példa felhasználási esetre: A digitális számláló modul használata a projekt eredményeinek megjelenítéséhez

A számszámláló modul használatának nagyszerű módja a statisztika az esettanulmányokhoz. Csak jelölje meg minden számlálót egy számmal, így a felhasználó könnyen láthatja a projekt sikerét. Ebben a példában a digitális számláló modult használom négy projekteredmény megjelenítésére.

Amint láthatja, az oldal teteje a projekt három célját tartalmazza " Bárpult Az oldal alja pedig a digitális számláló modulokat használó esettanulmány eredményeit tartalmazza.

Az oldalnak az a része, amely az esettanulmány eredményeit mutatja a digitális modulok segítségével, speciális szakasz használatát igényli. A Visual Builder használatával vegyen fel egy speciális szakaszt az oldalra, és válassza ki a következő elrendezést:

Válasszon egy 1 oszlopos elrendezést a szakasz jobb oldalán, és írja be az esettanulmány eredményéhez szükséges címet és szöveget.

Helyezze az 2 oszlopok elrendezését közvetlenül az 1 oszlop elrendezés alá a szakasz jobb oldalán.

Most adja hozzá az első számláló modult a bal oszlophoz.

Frissítse a számlálók paramétereit az alábbiak szerint:

Tartalom opciók

Cím: Új látogatók
Szám: 54210
Jel százalék: KI

Tervezési lehetőségek

A szöveg színe: Sötét
A cím betűkészlete: alapértelmezett
Cím Betűméret: 20px
Cím Szöveg színe: # 405c60
A címsor magassága: 1em
Karakterek száma: Alapértelmezett, Félkövér
Karakterek száma: 60px
Szám Szöveg színe: # e07a5e
Szám sor magasság: 72px

A beállítások mentése

Másolja a Számlálók modult, és húzza a szomszédos jobb oldali oszlopba, és frissítse a Cím és szám opciókat.

Másolja a sorot, amely tartalmazza a két számláló modult, úgy, hogy alább két további számláló jelenjen meg.

Ezután frissítse a Cím és Szám opciókat. Most megvan mind a négy teljes számláló.

Ne felejtse el hozzáadni a 667 x 320 méretű képet a speciális szakasz bal oszlopához / oldalához.

Befejezés! Ezen esettanulmányi oldal számlálóinak és oszlopainak kombinációja valóban vonzóvá teszi a tartalmat.

Digitális számláló-tartalom beállításai

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.

Cím

Írja be a számláló címét. Ez kisebb számban jelenik meg a szám alatt.

név

Ez az a szám, amelyet a számláló meg fog számlálni. Amikor lefelé görget az oldalon, és elérte a számlálót, a szám gyorsan számol 0-tól, amíg el nem éri az itt beállított számot. Csak numerikus értékeket lehet ide helyezni.

Százalékos jel

Itt megadhatja, hogy a százalékjelet fel kell-e adni a fent megadott szám után.

Háttérszín

Adjon meg egyedi háttérszínt a modulhoz, vagy hagyja üresen az alapértelmezett szín használatához.

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 háttérképek a háttérszínek tetején jelennek meg, ami azt jelenti, hogy a háttérszín nem lesz látható háttérkép alkalmazása esetén.

Admin 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.

A digitális fogyasztásmérő tervezési lehetőségei (stílusa)

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.

Szöveg színe

Itt kiválaszthatja, hogy a cím szövege világos vagy sötét legyen. Ha sötét háttér előtt dolgozik, akkor a szövegnek világosnak kell lennie. Ha a háttere világos, akkor a szövegének sötétnek kell lennie.

Cím Betűtípus

A cím 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 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űs és aláhúzási lehetőségek használatával is.

A cím betűmérete

Itt állíthatja be a cím 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" karaktereket adhat meg az egység típusának megváltoztatásához.

A cím 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 cím 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.

Címcímek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg szeretné növelni a cím 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érköz mé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" karaktereket adhat meg az egység típusának megváltoztatásához.

A címsor magassága

A vonalvastagság befolyásolja a cím szövegének minden sora közötti teret. Ha növelni szeretné az egyes sorok 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érköz méretet a beviteli mezőbe 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.

Betűtípusok száma

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 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 szám betűmérete

Itt állíthatja be a digitális szö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 digitális szöveg színe

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha módosítani szeretné a digitális 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 digitális betűk közötti távolság

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg akarja növelni a numerikus szövegben 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 megváltoztatásához.

A szám sorvonala

A vonalvastagság befolyásolja a numerikus szöveg egyes sorai közötti teret 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álja a határt

Ennek az opciónak az engedélyezésével szegély kerül a modul köré. Ez a határ testreszabható a következő feltételes paraméterekkel.

A határ színe

Ez az opció befolyásolja a szegély színét. Válasszon ki egy egyéni színt a színválasztóból, hogy alkalmazza a határára.

A határ szélessége

Alapértelmezés szerint a szegélyek 1 pixel szélesek. Növelheti ezt az értéket a tartomány csúszkájának húzásával vagy egy egyéni érték megadásával a csúszka jobb oldalán található beviteli mezőben. Támogatott egyedi mértékegységek, ami azt jelenti, hogy megváltoztathatja az alapértelmezett egységet "px" értékről valami másra, például em, vh, vw stb.

Határtípus

A szegélyek nyolc különböző stílust támogatnak: szilárd, pontozott, pöttyös, dupla, barázda, csúcs, átfedés és kezdet. Válassza ki a kívánt stílust a legördülő menüből, hogy alkalmazza azt a szegélyén.

Egyéni párnázás

A kitöltés a modul belsejében, a modul éle és a belső elemei között hozzáadott hely. Hozzáadhat egyedi kitöltési értékeket a modul négy oldalához. Az egyéni margó eltávolításához távolítsa el a hozzáadott értéket a beviteli mezőből. Alapértelmezés szerint ezek az értékek pixelben vannak megadva, de a beviteli mezőkbe egyéni mértékegységeket adhat meg.

Speciális számláló opciók

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.

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.

[vc_row center_row = "igen"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" kibontva "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"] A DIVI TÉMA LETÖLTÉSE [/ vcex_button] [/ width [»v_c_column] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "üres" layout = "kibontva" igazítás = "középre" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right =" TE fa-downLOAD "] DIVI [/ vcex_button] [/ vc_column] [/ vc_row]