Tovább a tartalomhoz

Méretek

A Méretek panel: helykitöltés, margó, blokktávolság, minimális magasság, az oldalak különválasztása, egyedi méret és mértékegységek.

A méretbeállításokkal a blokkok elrendezését és térközét finomíthatod: azt, hogyan helyezkednek el egymás mellett, mennyi hely van a tartalmuk körül, és milyen magasak legalább. A WordPress blokkszerkesztőjében minden blokknak más méretbeállításai vannak, attól függően, hogy mit támogat.

A méretbeállítások a blokk oldalsávjában, a Méretek panelen vannak. Ha nem látod az oldalsávot, jelöld ki a blokkot, és kattints a Közzététel (vagy Frissítés) gomb melletti oldalsáv ikonra.

A panel alapesetben üres lehet (Jelenleg minden lehetőség rejtve van). A panel címe melletti három pontos (vagy +) menüből kapcsolod be a beállításokat. A menüben csak azok szerepelnek, amelyeket az adott blokk támogat. Ha egy lehetőségre kattintasz, megjelenik a panelen. A menü alján a Minden alaphelyzetbe állítása lehetőség az összes módosítást törli. Egyes beállításokat külön is visszaállíthatsz.

https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit
A Csoport blokk Méretek panelje: Helykitöltés, Margó, Blokk távolság, Minimális magasság és Minimum width, alatta a Margók és árnyékolás panel

A képen a Csoport blokk mindegyik méretbeállítása be van kapcsolva.

Beállítás Mit csinál Mely blokkokban
Helykitöltés A blokk tartalma és szegélye közötti távolság. A legtöbb blokkban.
Margó A blokk körüli hely. A legtöbb blokkban.
Blokk távolság A beágyazott blokkok közötti távolság. Például a Gombok és a Csoport blokkban.
Minimális magasság A blokk legkisebb magassága. A Borítókép, a Bejegyzés tartalma és a Csoport blokkban (a Sor és Verem változatokban is).

A helykitöltés (padding) a blokk tartalma és a szegélye közötti hely. Megadhatsz vízszintes és függőleges értéket, vagy minden oldalra külön értéket (lásd lejjebb az oldalak különválasztását).

A margó a blokk körüli teret szabályozza. Itt is megadhatsz vízszintes és függőleges értéket, vagy oldalankénti értékeket.

Amikor módosítod a margót vagy a helykitöltést, a szerkesztő kék kerettel jelzi a változást a blokk körül, így előnézetet kapsz.

Ez a beállítás a beágyazott blokkok közötti távolságot adja meg. Ha egy szülő blokkon (például egy Csoport vagy Gombok blokkon) állítod be, a benne lévő blokkok távolsága változik. A következő mértékegységek közül választhatsz: px, %, em, rem, vw, vh.

Ezzel egy blokk legkisebb magasságát adhatod meg. Hasznos például arra, hogy a Bejegyzés tartalma terület akkor is legyen elég magas, ha az oldalon kevés a tartalom, így a lábléc lejjebb kerül az oldalon. Ilyenkor érdemes nézetablakhoz viszonyított egységet használni: a 100vh például pontosan a nézetablak teljes magasságát adja. A mértékegység itt is px, %, em, rem, vw vagy vh lehet.

Egyes blokkoknál további méretbeállítás is felbukkanhat a menüben: a Csoport blokknál például a legkisebb szélességet is megadhatod, a Gomb blokknál pedig a gomb szélességét.

A Helykitöltés és a Margó alapból ugyanazt az értéket adja a vízszintes, illetve a függőleges oldalra. Ha minden oldalnak külön értéket szeretnél:

  1. Kattints a beállítás jobb oldalán lévő láncikonra (az oldalak összekapcsolására szolgáló ikonra).
  2. A megjelenő lehetőségek közül válassz egy oldalt (felső, jobb, alsó, bal), vagy az egyedi lehetőséget, ha mind a négy oldalnak külön értéket adnál.
  3. Add meg az értékeket.

Ha újra azonos értéket szeretnél minden oldalra, kattints ugyanarra az ikonra még egyszer.

A margó, a helykitöltés és a távolság értékét kézzel is megadhatod, és a mértékegységet is átállíthatod: px, %, em, rem, vw vagy vh. A mértékegységek jelentését a Tipográfia fejezet végén találod.

A csúszka melletti ikonnal (a három vízszintes csúszkát jelképező gombbal) a kész méretek helyett saját értéket írhatsz be.

Mely blokkok támogatnak méretbeállítást?

Szekció neve “Mely blokkok támogatnak méretbeállítást?”

A méretbeállítások különböző kombinációi a legtöbb szöveges, média- és elrendezésblokkban elérhetők. Ilyen például a Bekezdés, a Címsor, a Lista, a Táblázat, a Galéria, a Videó, a Gomb és Gombok, az Oszlop és Oszlopok, a Borítókép, a Csoport, a Navigáció, a Helykitöltő, az Elválasztó, a Közösségi ikonok, a Kiemelt kép és a Bővebben blokk, valamint a bejegyzéshez és a hozzászólásokhoz kapcsolódó sablonblokkok többsége. Hogy egy blokk pontosan melyiket kínálja, azt a Méretek panel három pontos menüjében látod.

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