Oldal kiválasztása

Hogyan tudsz shortkódot használni a Divivel a widgetekben?

Szerző: | 2018. 09. 20. | DIVI Basic

Shortkódok használata Divivel, például a widgetekben

A mai tanulnivalóban 3 dolgot fogunk megtanulni. Megmutatom Nektek, hogy milyen egyszerűen tudod a Divi moduljait használni például az oldalsávban. Amit itt találsz az persze a láblécen elhelyezett widgetekre is vonatkozik. Tényleg nagyon egyszerű lesz, nem kell hozzá pilótavizsga, vagy ejtőernyő sem és egy szép oldalsávod lehet.

Mi lesz a menete?

  • Elkészítjük az elrendezést, amit meg szeretnénk jeleníteni az oldalsávon.
  • Elmentjük a Divi könyvtárába
  • Megkeressük a könyvtárba elmentett elrendezés azonosítóját
  • A widgetek közül az egyikbe beleteszünk egy szöveges widgetet
  • Beillesztjük a shortkódot az azonosítóval
  • Boldogan fogadjuk a gratulációkat

Akkor gyűrjük fel az ingujjakat és lássunk is neki!

Készítsük el az elrendezést!

Haladók egyszerűen indíthatnak a Divi könyvtárban és egy új elrendezés készítésébe kezdhetnek az Add New gombbal.

Adjunk egy beszédes nevet a könyvtári elemünknek és válasszuk a Szerkezetet a legördülő listából és kattintsunk a nagy kékre.

Rakjuk össze azt az elrendezést, amit a widgetben szeretnénk megjeleníteni

Mi most egy egyszerű elrendezést raktunk csak össze, ami 3 fülszöveg modulból áll, ami alatt két sorban két-két képet jelenítünk meg. Ezekre rákattintva kinyílnak nagy méretben.  A fülszövegek közé elválasztó modulokat is tettem egy-egy 50%-os nagyságú elválasztó vonallal.

Ha ezen az útvonalon haladtál, akkor az jelenthetett nehézséget, hogy vajon hogyan fog mindez kinézni? Ennek folyamatos ellenőrzésére használhatod a mindent látó szemet 🙂 vagy a SZAKASZ MODUL beállításaira kattintva az előnézetet.

Mentsük el az elrendezésünket a Divi könyvtárába!

Én magam nem a haladó irányból szoktam haladni, hanem egy számomra átláthatóbb útvonalon. Ez úgy néz ki, hogy nyitok egy új OLDALT (lehet bejegyzés is, csak akkor vigyázni kell, hogy ne publikáljam, mert akkor az alapértelmezett kategóriába kiteszi a netre, oldalként viszont nem tettem menübe, így nem található meg egyszerűen).

Ezen az oldalon készítem el az elrendezésemet és amikor az elkészült, akkor elmentem a DIVI KÖNYVTÁRába. Gyakorlatilag ugyanaz történik, csak én jobban látom a készítés folyamatában az elrendezést, a színeket, méreteket, arányokat stb.

A nagy különbség a Publikálás gomb körül van. Illetve pontosabban a Könyvtárban az Előnézet gomb hiányában van a különbség.

Az első a Könyvtár, a második meg az oldal:

A végeredmény mindenképpen az, hogy az elkészített elrendezés (layout) a Könyvtárban landol.

Keressük meg az elmentett elrendezésünk azonosítóját!

Két lehetőségünk van az elmentett elrendezésünk azonosítójának megtalálására. Vagy a Divi könytárban lévő listában rávisszük az egerünket az elrendezésünk nevére és a böngészőnk bal alsó részén megjelenő linkben a post=XXX számot megjegyezzük. Vagy, ha az elrendezés szerkesztésére kattintottunk, akkor a böndészönk címsorában keressük meg ugyanezt a számot.

Most van az a pillanat, amikor megkeressük az elrendezésünk helyét.

 

Készítsük elő az elrendezésünk helyét!

Menjünk be az MEGJELENÉS – WIDGETEK menübe a WordPressünk baloldali menüjében és abba a widget területbe, ahol használni szeretnénk az elrendezésünket, tegyünk bele egy SZÖVEG widgetet.

Esetünkben én egy új widget területet is létrehoztam és abba tettem bele a SZÖVEG widgetet. Ez az új wiget terület lett az “Oldalsáv a shortkódokhoz” a képen. Diviben szinte korlátlan számú widget területet létre tudsz hozni.

Illesszük be a shortkódot a szöveg widgetbe!

A shortkódot a fenti képről tudjátok lemásolni. Érdemes a HTML nézetben is megnézni a kódot, hogy ne tartalmazzon semmi mást csak a fentieket.

Ha mindent jól csináltunk, akkor egy szép oldalsávot készítettünk, aminek tartalmát a Divi könyvtárában tudjuk szerkeszteni is.

A mi demónkat a lenti gombra kattintva éred el a DEMO oldalunkon.

Ezzel a végére is értünk.

Miket is tanultunk most?

  • Megtanultunk egy elrendezést elkészíteni vagy oldalként vagy Divi könyvtári elemként.
  • Megtanultuk, hogy hogyan tudjuk egy WordPress bejegyzés / oldal / Divi könyvtári elrendezés azonosítóját megtalálni.
  • Megtanultunk egy olyan shortkódot, amivel könyvtári elrendezést tudunk beilleszteni akár widgetbe is.

Már csak egy extra van hátra:

Egy rövid Sándor Györgytől származó idézettel búcsúzunk (a morbiditásért előre is bocsi):

“A kenderkötéllel való akasztás függőséget okoz.”

Fecsó