Minden eddiginél egyszerűbb online ártáblázatokat készíteni termékeihez. Hozzon létre annyi táblát, amennyit csak szeretne, és szabályozza mindegyik árait és szolgáltatásait a saját Ártáblázatok moduljával WordPress téma Divi. Akár egy konkrét tervet is kidolgozhat a konverziók növelésére. Még ha a modul több ártáblázatot is tartalmaz, a rendszer egy modulként kezeli, és bármilyen oszlopméret alá elhelyezhető.

Hogyan adhatom hozzá az Értékesítési táblák modult az oldalhoz

Mielőtt hozzáadhat egy Árképzési táblázatok modult 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 az ártáblák 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 az "ártáblák" szót is, majd az "Enter" gombra kattintva automatikusan megkeresheti és hozzáadhatja az ártáblák 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 .

Felhasználási eset: Adjon hozzá árazási táblázatot egy termékoldalhoz

Amikor megteszed a előléptetés termékei egy céloldalon, az ártáblázatok hatékonyan bemutathatják a különféle árképzési lehetőségeket.

Ebben a példában hozzáadok egy árazási tábla modult, amely három árazási tervet (vagy táblázatot) jelenít meg, az egyik ilyen terv kiemelt kiemelt tervként a konverziók növelése érdekében.

Először adjon hozzá egy új rendes szakaszt ahhoz az oldalhoz, ahol az árazási táblákat meg kell jeleníteni. Adjon hozzá egy teljes szélességű (1 oszlopos) sort a szakaszhoz, és helyezzen be egy Ártáblák modult a sorba.

Az ártáblázatok beállításainak Tartalom lapján kattintson a gombra + Új elem hozzáadása az első asztal hozzáadásához.

Frissítse az árazási táblázat paramétereit az alábbiak szerint:

Tartalom opciók

Cím: Személyes pénznem: $ Készítette: év Ár: 69 Gombszöveg: Regisztráció Tartalom:

Hozzáférés az összes témához Örökös témafrissítések Prémium technikai támogatás - Hozzáférés az összes bővítményhez -Shop overlay fájlok -Nem éves díj

Gomb URL-je: [írja be a gomb URL-jét] Háttér: #ffffff

Tervezési lehetőségek

Ár Szöveg színe: # 3e51b5 Egyéni gombstílusok használata: IGEN Gomb szövegszíne: #ffffff Gomb színe: # 3e51b5 Gombszélesség: 0px

A beállítások mentése

Most másolja be az éppen létrehozott áratáblát kétszer, hogy összesen három áratáblája legyen.

A középár táblához frissítse a következő lehetőségeket:

Tartalom lapon

Cím: Fejlesztői ár: 89 Tartalom: Hozzáférés minden témához Örökös témák frissítései Prémium technikai támogatás Hozzáférés az összes Photoshop rétegzett fájlhoz - éves díj nélkül Gomb URL: [írja be a gomb URL-jét]

Tervező lap

Szöveg színe: # 0091ca Gomb színe: # 0091ca

A harmadik árazási táblázathoz frissítse a beállításokat az alábbiak szerint:

Tartalom lapon

Cím: Élettartam ára: 249 Gombszöveg: Feliratkozás Tartalom: Hozzáférés az összes témához Örökös témák frissítései Prémium technikai támogatás Hozzáférés az összes pluginhoz Réteges Photoshop fájlok Nincs éves díj Gomb URL: [írja be az URL-t gomb]

A beállítások mentése

Most térjen vissza az árazási táblázat beállításaihoz és frissítse a következőket:

Tartalom opciók

Kiemelt asztali háttér szín: #0091ca

Tervezési lehetőségek

Gömb színe: # 3e51b5 Kiemelt asztali szín: # 0091ca

A beállítások mentése

Most térjen vissza és szerkessze a szakasz beállításait, hogy a szakasz háttér színe #3e51b5 legyen.

Ez minden. Most van egy három opciót tartalmazó ártáblázat, amelynek középső opciója kiemelt tételként van beállítva, amely kiemelkedik a többi közül.

Az árképzési táblák tartalmi 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.

+ Új cikk hozzáadása

Itt adhat hozzá új ártáblázatokat a moduljához. A "+ új elem hozzáadása" gombra kattintva egy teljesen új lista nyílik meg az adott árazási táblázathoz tartozó tervezési lehetőségekről. Az alábbiakban lásd az egyes ártáblázat-beállításokat.

Az első fül hozzáadása után egy szürke sáv jelenik meg az ártáblázat címével címke formájában. A szürke sávban három gomb is található, amelyekkel szerkesztheti, lemásolhatja vagy törölheti a táblázatot.

Bullet megjelenítése

Alapértelmezés szerint az ártáblázat elemei felsorolással jelennek meg. Ha el akarja távolítani a golyókat a funkciók listájáról, kikapcsolhatja ezt az opciót.

A bemutatott táblázat háttérszíne

Minden ártábla "bemutatható". A kiemelt táblákat a sor kiemeli, ami megkülönbözteti őket a többi opciótól. Ezzel a beállítással csak a kiemelt táblák háttérszínét változtathatja meg.

A táblázat fejlécének háttérszíne

Minden árazási táblázat felett található egy fejléc, amely tartalmazza a táblázat címét és feliratát. E terület háttérszínét a főtábla háttérszínétől függetlenül szabályozhatja, ha kiválasztja a kívánt színt a színválasztóból.

Kiemelt tábla fejléc

Minden ártáblázat „kiemelt” lehet. A kiemelt táblákat a sor kiemeli, ami megkülönbözteti őket a többi opciótól. Ezzel a beállítással megváltoztathatja a fejléc háttérszínét csak a kiválasztott táblákhoz.

Háttérszín

Alapértelmezés szerint az ártáblák fehér háttérszínnel rendelkeznek. Ha más színt szeretne használni az ártáblázat hátteréhez, itt beállíthatja az egyéni színt a színválasztóval.

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.

Árképzési táblázatok

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.

összehangolás

Alapértelmezés szerint a szolgáltatáslisták balra vannak igazítva az ártáblában. Ha igazítani szeretné őket, aktiválhatja ezt az opciót.

Távolítsa el az árnyékot a kiemelt tábláról

Alapértelmezés szerint az árazási tábláknak finom árnyéka van az egyes táblák mögött. Ha el akarja távolítani ezt az árnyékot, engedélyezheti ezt az opciót.

Cikkek a központban található listából

Itt választhatja a táblázatban felsorolt ​​elemek központosítását.

A labda színe

Alapértelmezés szerint az ártáblázati listában szereplő pontok öröklik a téma kiemelő színét. Ha másik színt szeretne használni, itt beállíthatja a színválasztóval.

A kiemelt asztal színe

Ha az árképzési táblázatokban egy másik színt szeretne használni a pontokhoz, akkor itt állíthatja be ezt a színt a színválasztóval.

Kiemelt táblázatfejléc szövegszíne

Ez az opció szabályozza a táblázat fejlécének szövegszínét. Ha megváltoztatja a táblázat fejlécének háttérszínét, akkor ezt az opciót is módosíthatja az olvashatóság biztosítása érdekében.

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

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.

A kiemelt táblázat szövegének színe

Ez megváltoztatja a kiemelt táblázat törzsszövegének színét. Ha megváltoztatja a táblázat háttérszínét, akkor lehet, hogy módosítania kell ezt a beállítást az olvashatóság biztosítása érdekében.

A test betűtípusa

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.

A táblázat feliratának szövegszíne

Ez megváltoztatja a felirat szövegének színét a kiemelt táblához. Ha megváltoztatja a táblázat háttérszínét, akkor lehet, hogy módosítania kell ezt a beállítást az olvashatóság biztosítása érdekében.

Felirat betűtípus

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

Felirat vagy felirat betűméret

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

Az alfej fejlécének színe

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

Az alfej fejlécének távolsága

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

Az alfej fejlécének magassága

A vonalvastagság befolyásolja a feliratszöveg egyes sorai közötti helyet. Ha növelni kívánja 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á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" karaktereket adhat meg az egység típusának megváltoztatásához.

Pénznem Pénznem és gyakoriság

A legördülő menüből kiválaszthatja a kívánt betűtípust, és módosíthatja a pénznem betűtípusát és gyakorisági szövegét. 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.

Pénznem Pénznem mérete és gyakorisága

Itt állíthatja be a pénznem méretét és gyakoriságá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 megadhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőben. 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.

Pénznemszöveg színe és gyakorisága

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha meg akarja változtatni a pénznem és a frekvencia 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.

Betűk és pénznemek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg szeretné növelni az egyes betűk közötti helyet a pénznemben és a frekvenciaszövegben, 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 frekvencia pénzneme

A vonalvastagság befolyásolja a pénznem és a frekvenciaszö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 mezőbe a kurzortól jobbra. 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.

Kiemelt színár

Ez megváltoztatja a kiemelt táblázat árainak színét. Ha megváltoztatja a táblázat háttérszínét, akkor lehet, hogy módosítania kell ezt a beállítást az olvashatóság biztosítása érdekében.

Ár rendőrség

Az árszöveg 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űk és aláhúzási lehetőségek használatával is.

Ár betűméret

Itt állíthatja be az ár 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 megadhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőben. 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.

Ár szöveges színe

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

Az árlevelek távolsága

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

Az árvonal magassága

A sor magassága befolyásolja az árszöveg minden sora közötti helyet. Ha növelni kívánja az egyes sorok közötti teret, a tartomány csúszkájával állítsa be a helyet, 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" karaktereket 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, kettős, horony, gerinc, á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.

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 Gombkeret 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élyek átveszik a téma kiemelő színét, a téma testreszabásban meghatározottak szerint. Ez az opció lehetővé teszi, hogy egyedi szegélyszínt rendeljen 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.

Boutton rendő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. 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.

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.

Gomb ikon színe

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.

Gomb ikon elhelyezése

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.

Szöveg színe a gomb túlfutásakor

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 díjkártya 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.

Az egyes árazási táblázatok tartalmi beállításai

Cím

Az itt beillesztett címet erre a (prémium) árképzési opcióra kell használni.

felirat

Az itt beillesztett felirat a cím alatt jelenik meg.

Valuta

Írja ide a kívánt pénznem szimbólumát.

Göndör

Ha az árazás előfizetés-alapú, írja be ide az előfizetés ciklusát (például Év).

Prix

Adja meg itt a termék értékét.

Gomb szöveg

Itt adhatja meg a gomb szövegét.

Tartalom

Ebben a mezőben adhatja meg azoknak a funkcióknak a listáját, amelyek a termékhez érkeznek vagy nem. Válasszon szét minden egyes listaelemet egy új sorban, és minden sort kezdjen + vagy - szimbólummal. Az A + megad egy beépített szolgáltatást, míg az A - a kizárt tulajdonságot.

Gomb URL

Az egyes táblázatok aljára beilleszthet egy cselekvésre ösztönző gombot, ha érvényes web-URL-t szúr be ebbe a mezőbe. Hagyja ezt és a
üres gomb szövegmezője, ha nem szeretné, hogy egy gomb legyen az ártáblázatban.

Háttérszín

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

Egyedi árazási táblázatok tervezési lehetőségei

Tegye ezt a táblázatot

Válassza ezt az ártáblát előre vagy nem ezzel a legördülő menüvel. Ez lehetővé teszi, hogy a tábla kiemelkedjen a többi közül.

Az elem színe kizárva

A lista azon elemei esetében, amelyeket a - szimbólummal kizártként állítottak be, a színüket ezzel a beállítással állíthatja be. Például érdemes megváltoztatni a színt pirosra, vagy csökkenteni az átlátszatlanságukat, hogy vizuálisan jelezze, hogy az elemek ki vannak zárva az aktuális csomagból.

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.

A test betűtípusa

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.

Felirat betűtípus

A felirat 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.

Felirat betűmérete

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

Felirat szövegének színe

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

Feliratbetűk elosztása

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

A feliratsor magassága

A vonalvastagság befolyásolja a feliratszöveg egyes sorai közötti helyet. Ha növelni kívánja 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á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" karaktereket adhat meg az egység típusának megváltoztatásához.

Pénznem Pénznem és gyakoriság

A legördülő menüből kiválaszthatja a kívánt betűtípust, és módosíthatja a pénznem betűtípusát és gyakorisági szövegét. 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.

Betűméret a pénznem és a frekvencia szempontjából

Itt állíthatja be a pénznem méretét és gyakoriságá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 megadhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőben. 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 szöveg színe a pénznem és a gyakoriság szempontjából

Alapértelmezés szerint a Divi összes szövegszíne fehér vagy sötétszürke. Ha meg akarja változtatni a pénznem és a frekvencia 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.

Betűk és pénznemek távolsága

A betűköz befolyásolja az egyes betűk közötti helyet. Ha meg szeretné növelni az egyes betűk közötti helyet a pénznemben és a frekvenciaszövegben, 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.

Pénznem és frekvencia sor

A vonalmagasság befolyásolja a pénznem és a frekvenciaszöveg egyes sorai közötti távolságot. Ha növelni szeretné az egyes sorok közötti teret, a tartomány csúszkájával állítsa be a helyet, vagy írja be a kívánt térköz méretet a mezőbe a kurzortól jobbra. 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.

Árpolitika

Az árszöveg 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.

Ár betűméret

Itt állíthatja be az ár 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 megadhatja a kívánt szövegméret értékét a csúszka jobb oldalán található beviteli mezőben. 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.

Ár szöveges színe

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

Az árlevelek távolsága

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

Az árvonal magassága

A sor magassága befolyásolja az árszöveg minden sora közötti helyet. Ha növelni kívánja az egyes sorok közötti teret, a tartomány csúszkájával állítsa be a helyet, 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" karaktereket 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.

A Gombkeret szélessége

Az összes Divi gomb alapértelmezetten 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élyek átveszik a téma kiemelő színét, a téma testreszabásban meghatározottak szerint. Ez az opció lehetővé teszi, hogy egyedi szegélyszínt rendeljen 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 nyomógombok 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 ikont a gombhoz

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.

Gomb ikon színe

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 gomb elhelyezése

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.

Szöveg színe a gomb túlfutásakor

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.

Gomb háttérszíne a felülnézetben

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.

Border color at overover

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.

A gomb határának sugara az áttekintésben

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.

A gomb betűinek távolsága a felülről

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.

Egyéni áratábla opciók Speciális beállítások

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.

[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]

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