Galéria widget

A Képgaléria widget lehetővé teszi, hogy könnyen hozzáadjon és stílusos összetett és gyönyörű képgalériákat az oldalához.

Tartalom

Beállítások

  1. Típus: Válassza ki a galéria típusát, válasszon a következők közül Egyetlen vagy Többszörös. A Multiple lehetővé teszi, hogy egy szűrhető portfólió stílusú képgalériát hozzon létre.
    1. Ha a Többszörös lehetőséget választja, írjon be egy címet a mezőbe, vagy használja a Dinamikus címkék *
  2. Képek hozzáadása: Válasszon ki több képet a médiatárból a galériába való beillesztéshez, és írjon be egy Cím a galéria számára
    1. A Dinamikus címkék opciót használhatja a képek betöltésére is a Post image attachments, a Advanced Custom Field galéria vagy a WooCommerce termékgaléria segítségével. Ez akkor hasznos, ha a témaépítőben egy Single Post vagy Product sablont hoz létre.
  3. Megrendelés: Válassza az alapértelmezett vagy véletlenszerű sorrendet
  4. Lazy-Load: A betöltési sebesség javítása érdekében a Lazy Load használatához állítsa be az Igen értéket.
  5. Elrendezés: Válasszon a következők közül Rács, Indokolt, vagy Kőművesmunka.a Rács az Ön által választott képarányon alapul. Indokolt lehetővé teszi az egyes sorok magasságának beállítását, és képenként különböző szélességhez igazodik. Kőművesmunka fenntartja ugyanazt a képszélességet, és alkalmazkodik a különböző magasságokhoz.
  6. Oszlopok: Beállíthatja, hogy hány oszlop jelenjen meg soronként, 1-től 24-ig. Nem elérhető, ha Indokolt Az elrendezés kiválasztásra került.
  7. Sor magassága: Az egyes sorok magasságának beállítása pixelben. Csak akkor érhető el, ha Indokolt Az elrendezés kiválasztásra került.
  8. Távolságtartás: A sorban lévő egyes képek közötti távolságot szabályozhatja.
  9. Link: A képek linkjének beállítása Nincs, Médiafájl vagy Egyéni URL címre
  10. Tengelyarány: Válassza ki a képarányt, 1:1, 3:2, 4:3, 9:16, 16:9 és 21:9 között. Csak Rácsos elrendezés esetén érhető el. 
  11. Képfelbontás: Állítsa be a kép méretét a miniatűr és a teljes méret között, vagy adjon meg egy egyéni méretet.

Ha típus: A következő szűrősáv további beállításai válnak elérhetővé:

Szűrősáv (csak akkor érhető el, ha a Többszörös típus van kiválasztva)
  1. "Minden" szűrő: Válassza az Igen lehetőséget a "Minden" szűrő felvételéhez, vagy a Nem lehetőséget a szűrő kizárásához.
  2. "Minden" Szűrőcímke: Ha a beállítás Igen, adja meg a kívánt címkét, vagy használja a dinamikus címkéket. Az "All" az alapértelmezett.
  3. Mutató: Válassza ki az egyes szűrőcímkék fölé történő lebegtetéskor használt mutatót. Válasszon a Nincs, Aláhúzás, Felülhúzás, Dupla vonal, Keretes, Háttér vagy Szöveg között.
  4. Animáció: A mutató animációs stílusának beállítása. Válasszon a Fade, Slide, Grow, Drop In, Drop Out vagy None (Nincs) közül.

Overlay

  1. Háttér: Válassza ki az Igen lehetőséget, hogy az egyes képek fölé történő lebegtetéskor megjelenjen az átfedés, vagy a Nem lehetőséget, hogy ne jelenjen meg az átfedés.
  2. Cím: Válassza ki, hogy melyik meta attribútum jelenjen meg az overlay címeként. Válasszon a kép címe, felirata, Alt, leírása vagy Nincs.
  3. Leírás: Válassza ki, hogy melyik meta attribútum jelenjen meg az overlay leírásaként. Válasszon a kép címe, felirata, Alt, leírása vagy Nincs.

Stílus

Kép

  1. Határ színe: Válassza ki a kép szegélyének színét a normál és a lebegő állapotokhoz.
  2. Határ szélessége: Válassza ki a keret vastagságát csak a Normál állapothoz.
  3. Határ sugara: A kép szegélyének sarokkerekségét szabályozza a Normál és a Hover állapotok esetében.
  4. CSS szűrők: CSS-szűrők beállítása, kiválasztva a Blur, Brightness, Contrast és Saturation közül a normál és a Hover állapotokhoz.
  5. Hover animáció: Válassza ki a kép animációját a lebegtetéskor, a Nincs, a Nagyítás, a Kicsinyítés, a Balra mozdulás, a Jobbra mozdulás, a Felfelé mozdulás vagy a Lefelé mozdulás közül választhat a Normál és a Lebegtetés állapotokhoz.
  6. Animáció időtartama (ms): Az animáció időtartamának beállítása milliszekundumban.

Overlay

  1. Overlay: Válassza ki az Overlay típusát (Classic vagy Gradient) a képek normál és lebegő állapotához.
  2. Színes: Állítsa be az Overlay színét vagy a kép normál és lebegő állapotának színét.
  3. Elegyítési mód: Válasszon több réteghatás közül, beleértve a Normál, a Szaporítás, a Képernyő, az Átfedés stb. effektusokat. Blend Mode demo megtekintése
  4. Hover animáció: Válassza ki az átfedés belépési vagy kilépési animációját a lebegtetéskor. Válasszon a következő lehetőségek közül: Becsúszás jobbra, Becsúszás balra, Becsúszás felfelé, Becsúszás lefelé, Nagyítás, kicsinyítés és Fade In. Ha a Bejárati animációt választja, a képek normál állapotban teljes átlátszatlansággal jelennek meg, és az átfedés lebegtetéskor elfedik a képet. Ha a Kilépési animáció van kiválasztva, az átfedés normál állapotban eltakarja a képet, és mozdulatlan mozdulatnál eltávolításra kerül.
  5. Animáció időtartama (ms): Az animáció időtartamának beállítása milliszekundumban.

Tartalom

  1. Kiegyenlítés: A tartalom balra, jobbra vagy középre igazítása
  2. Függőleges pozíció: A tartalom igazítása a tetejére, közepére vagy aljára
  3. Padding: A tartalom kitöltésének beállítása
Cím
  1. Színes: Válassza ki a cím színét
  2. Tipográfia: A cím tipográfiai beállításainak beállítása
  3. Távolságtartás: A cím és a leírás közötti szóköz nagyságát állítsa be.
Leírás
  1. Színes: Válassza ki a Leírás színét
  2. Tipográfia: A leírás tipográfiai beállításainak beállítása
  1. Hover animáció: Válassza ki a tartalom belépési, reakció vagy kilépési animációját a lebegtetéskor. A belépési animációhoz válasszon a jobbra csúszás, balra csúszás, felfelé csúszás, lefelé csúszás, nagyítás, kicsinyítés és beolvadás közül. Reakció animáció esetén válasszon a Növekedés, Zsugorodás, Balra mozdulás, Jobbra mozdulás, Felfelé mozdulás vagy Lefelé mozdulás közül. A Kilépési animációhoz válasszon a Jobbra kicsúszás, Balra kicsúszás, Felfelé kicsúszás, Lefelé kicsúszás, Nagyítás, kicsinyítés és Kicsinyítés közül.
  2. Animáció időtartama: Az animáció időtartamának beállítása milliszekundumban.
  3. Szekvenált animáció: A cím és a leírás sorrendben animálódik. Állítsa Nemre, hogy a Cím és a Leírás egyszerre animálódjon.

Szűrősáv 

Ezek a szűrősáv kiegészítő opciók csak akkor válnak elérhetővé, ha Típus: Többszörös választották.

  1. Szöveg színe: Válassza ki a Szűrősáv szövegének színét a Normál, Hover és Aktív állapotokhoz.
  2. Tipográfia: A szűrősáv szövegének tipográfiai beállításai.
  3. Mutató színe: Válassza ki a szűrősáv mutatójának színét. Csak lebegő vagy aktív állapotban érhető el.
  4. Mutató szélessége: A mutató vastagságának kiválasztása.
  5. Space Between: A Szűrő szövegelemek közötti térköz mennyiségének szabályozása.
  6. Gap: A Szűrő szöveg és a galériaképek közötti tér nagyságának beállítása.

Haladó

Állítsa be a speciális beállításokat, amelyek erre a widgetre vonatkoznak.

Feliratok és címek a galériában

A Galéria widget lehetővé teszi, hogy a kép feliratát vagy címét az overlay részeként jelenítse meg. Előfordulhat azonban, hogy ezek a feliratok/címek nem megfelelőek a Galéria widgethez, ezért a felhasználóknak lehetőségük van a widgetben megjelenített képek feliratainak/címeinek szerkesztésére.

A feliratok/címek szerkesztése

A felirat és/ vagy cím szerkesztése:

  1. Kattintson a képkiválasztó területre a Tartalom ...lap...
  1. A felirat megváltoztatása - Kattintson a felirat területére, és írjon be egy új feliratot a szövegmezőbe.
  1. A cím megváltoztatása - Kattintson a képre, és írjon be egy új címet a szövegmezőbe.
  1. Kattintson a címre. Galéria beillesztése.

szerzői avatar
Guy
Teljes életrajz megtekintése

Hozzászólás írása

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük