Tovább a tartalomhoz

Képek elrendezése (rács, masonry, igazított)

Képgaléria készítése a Képek elrendezése widgettel: tételek, elrendezéstípusok, oszlopok és a lightbox.

A Képek elrendezése widget galériát vagy munkabemutatót készít a képeidből. Négy elrendezés közül választhatsz: masonry, rács, igazított és lista.

  1. Nyisd meg az oldalt az Elementorral.
  2. Keresd meg a Képek elrendezése widgetet, és húzd egy új szakaszba.

A Tartalom → Tételek szakaszban alapból hat tétel van, mindegyik egy kép. Az Elem hozzáadása gombbal újabb képeket vehetsz fel.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Tételek szakasz egy kinyitott tétellel

Egy tétel mezői:

  • Kép és Képméret.
  • Ikon: ez jelenik meg a képen, ha a látogató fölé viszi az egeret. Választhatsz az ikonkönyvtárból, vagy feltölthetsz saját SVG-t.
  • Cím és Leírás: ez a szöveg szintén a képen látszik, egérrel fölé érve.
  • Hivatkozás típusa: mi történjen kattintáskor. A kép megnyílhat Lightboxban, vagy Külső hivatkozás esetén átirányíthat egy másik oldalra (például arra, ahol a kép megtalálható). Külső hivatkozásnál a Külső hivatkozás mező mellett kérhető az új ablakban megnyitás és a Nofollow hozzáadása.

A Tartalom → Beállítások szakaszban az elrendezés általános kinézetét adod meg.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Képek elrendezése widget Beállítások szakasza

Az Elrendezés típusa négyféle lehet:

Típus Hogyan helyezi el a képeket
Masonry Minden kép azonos szélességű, a magasság az eredeti arány szerint változik.
Rács (Grid) Minden kép azonos szélességű és magasságú.
Igazított (Justify) Minden kép azonos magasságú, a szélesség az arányokhoz igazodik.
Lista A képek egymás alatt állnak, a szélességük a blokk szélességétől függ.

További beállítások:

Beállítás Mit csinál
Oszlopok Az oszlopok száma 1 és 6 között.
Képlista összekeverése Bekapcsolva a képek a Tételek sorrendjétől eltérő, véletlen sorrendben jelennek meg.
Tételek közötti távolság A képek közti rés csúszkával vagy beírt értékkel.
Cím HTML-címkéje A tételek címeinek HTML-címkéje (mérete és fontossága).
Show Title in a Lightbox Popup, Show Description in a Lightbox Popup A cím, illetve a leírás a lightbox ablakban is látszik.

A Stílus fülön az ikonokat, a címeket, a leírásokat és a színes fedvényt (overlay) formázhatod. Végül kattints a Frissítés gombra.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások