WordPress Galéria bővítmény – Slideshow, Carousel, Masonry, Lightbox


Ezzel a WordPress bővítménnyel létre tudsz hozni egy többfunkciós Galéria Blokkot az admin felületen. Ki tudsz alakítani különböző galéria típusokat, úgymint: Slideshow, Masonry galéria, Carousel, Lightbox és ezek különböző változatai.

4 990 Ft

Leírás

A WordPress Gutenberg tartalomszerkesztője biztosít számunkra egy galéria blokkot, amivel képeket tudunk beágyazni a weboldalunk egyes oldalaiba az admin felületen keresztül. Ezt a beépített blokkot bővítettem ki további nagyszerű funkciókkal. Tudsz készíteni masonry elrendezésű galériát, többoszlopos carouselt, vagy egyszerű slideshowt, és bármely galéria típushoz hozzáadhatod a lightboxot is. Nagyon sokféle weboldal típushoz használható, a különböző funkciók kombinálásával változatos galériákat, vagy CTA-kat is létre lehet hozni. Ebben a videóban megmutatom a bővítmény főbb funkcióit és beállításait.

Lightbox

A bélyegképekre kattintva egy felugró ablakban megjelennek a képek nagyobb méretben. A lightboxon belül lapozhatsz, illetve ha a képleírás be van állítva, az is megjelenik a képek felett.

Masonry elrendezés

A Masonry egy olyan rácselrendezés, aminek nincs rögzített magasságú sora, a téglamintázathoz hasonlít, olyan mint a Pinteresten megjelenő képek. Leginkább abban az esetben jó választás, ha álló és fekvő (vagy változatos képarányú) képek is vannak a galériában.

Carousel megjelenítés

A galéria nézetet egyszerűen átállíthatod “körhinta” módra, aminek a segítésével egy dinamikusan lapozható slidert lehet kialakítani. Ezek nagyszerűen használhatók például termékfotók bemutatásához, partner logók megjelenítésére, vagy fotógalériák, gyűjtemények bemutatására. Ehhez több különböző kiegészítő funkció is kapcsolódik, úgymint:

  • navigáció és lapozás tetszőleges rejtése/mutatása
  • léptetés tetszőleges megváltoztatása: 1/teljes szélesség
  • végtelenített lapozás
  • képek automatikus “nyújtása” a magassághoz
  • autorun léptetés egyénileg beállított időközönként
  • választható center mód (az előző és a következő slide-ok csak félig látszanak)
  • valódi responsive megjelenítés (pl: a 6 oszlopos carousel-ből tableten 3, majd telefonon 2 oszlop lesz)
  • érintésbarát (touch friendly, mobil kijelzőkön csúsztatással lehet lapozni)

Ezeken kívül ebben a nézetben is használható a lightbox és a képfelirat funkció.

Slideshow mód

Egyszerű slideshow módban is használható  a carousel, ha átállítod 1 oszlopos nézetre. Csúsztatás helyett kiválaszthatod a “fade” áttűnési módot, így egy hagyományos diavetítést fogsz kapni. (a carousel minden korábbi paramétere itt is használható)

Technikai háttér

  • A kódban minden egyedi, nincs benne külső framework, sem JS könyvtár
  • Kicsi, a teljes bővítmény csak 50 kilobyte
  • Modern webfejlesztési technológiák használta (flexbox, CSS variables, stb)
  • SEO barát, a bélyeg képek tartalmazzák az alt és title címkéket is.
  • Kompatibilitás a WordPress legújabb verzióival (fejlesztve 5.9 alatt)

Kinek ajánlom?

Ha WordPress rendszerben készítesz egyedi weboldalakat, és szükséged van egy egyszerű galéria blokkra, amivel szerkeszteni tudod a tartalmakat ez egy nagyszerű választás, könnyen testre szabható és  hozzá igazítható a weboldal stílusához.

A következő sablonok tesztelve:

  • Twenty Sixteen
  • Twenty Seventeen
  • Twenty Nineteen
  • Twenty Twenty
  • Twenty Twenty-One
  • Twenty Twenty-Two

Nézd meg a demókat élőben

ÉLŐ DEMÓK

Mit mondanak mások?

Vélemények a tanfolyamról


Nekem való?

Maradtak még kérdéseid?

Ha nem vagy biztos benne, hogy ez Neked való, vagy további kérdéseid vannak a kurzusokkal kapcsolatban,
írd meg chaten és 48 órán belül válaszolok!

Kérdezek!

Kövesd közösségi csatornáinkat is!