# Rács blokk

> Blokkok rácsba rendezése: oszlopszám, legkisebb oszlopszélesség és a szabad hely kitöltése.

A **Rács** blokk olyan tárolóblokk, amellyel több blokkot rendezhetsz rácsba, és állíthatod a bennük lévő blokkok magasságát, szélességét és helyét. A [Csoport blokk](https://hub.hellowp.io/hu/manuals/wordpress/blokkok/blokkok-csoport/) egyik változata, ezért a tartalom megváltoztatása nélkül alakítható Csoporttá, Sorrá vagy Veremmé.

## A blokk hozzáadása

Kattints a **+** gombra, keresd meg a **Rács** blokkot, és kattints rá. Egy üres sorba írt `/grid` is beszúrja.

## Az eszköztár

![A Rács blokk kijelölve a szerkesztőben](./kepek/blokkok-racs-szerkeszto.webp)

*A Rács blokk kijelölve a szerkesztőben* (https://minta-bolt.hu/wp-admin/post.php?post=23&action=edit)

A képen a kijelölt rács három oszlopba rendezett elemekkel; az oldalsáv tetején a **Rács** ikon van kijelölve.

- **Átalakítás:** a blokkot Csoport, Sor, Verem, Borító, Oszlopok vagy Részletek blokká alakítja.
- **Húzás** és **Mozgatás fel / le:** a hatpontos ikonnal tetszőleges helyre húzhatod a blokkot, a nyilakkal egy hellyel följebb vagy lejjebb viheted.
- **Igazítás módosítása:** a rács szélessége. Az első érték a tartalom szélességén tartja, a **Széles** kiterjeszti, a **Teljes szélesség** a képernyő teljes szélességére nyújtja. A széles és a teljes szélesség csak akkor érhető el, ha a téma támogatja.
- **Beállítások** (három pont): másolás, kettőzés, törlés és további műveletek.

## A beállítások panelei

Az oldalsáv **Blokk** fülének tetején a négy elrendezésváltó ikonnal (Csoport, Sor, Egymás alá, Rács) válthatod a blokk változatát.

- **Stíluslapok:** a témától függő előre elkészített stílusok.
- **Betűkészlet:** betűtípus, megjelenés, sormagasság, betűköz, díszítés, kis- és nagybetűk, betűméret.
- **Háttér:** háttérkép, szín vagy színátmenet.
- **Elrendezés:** a rács oszlopainak beállításai (lásd lent).
- **Méretek:** belső margó, külső margó és a blokkok közti térköz (**Oszlop táv** és **Sortávolság**).
- **Keret és árnyék:** keretszín, vastagság, lekerekítés és árnyék.
- **Elemek:** a belső hivatkozások, gombok és címsorok színe.
- **Pozíció:** **Alapértelmezett** vagy **Ragadós**. Ragadós esetén a rács görgetéskor az ablak tetején marad. Csak legfelső szintű blokknál jelenik meg.
- **Haladó:** HTML-horgony, további CSS-osztályok, további CSS, HTML-elem és az engedélyezett blokkok.

### Az oszlopok beállítása

Az **Elrendezés** panelen két érték szabályozza, hány oszlop látszik egy sorban:

| Beállítás | Mit csinál |
|---|---|
| **Max. oszlop** | a rács egy sorában megjelenő oszlopok legnagyobb száma |
| **Min. oszlopszélesség** | az a legkisebb szélesség, amelynél az oszlop még nem törik kevesebb oszlopra |

A két beállítás együtt határozza meg, hogyan igazodik a rács a különböző képernyőméretekhez. Ha például a legnagyobb oszlopszám 4, a legkisebb oszlopszélesség pedig `12rem`, akkor elég hely esetén négy oszlop látszik egymás mellett. Keskenyebb képernyőn a rács magától háromra, kettőre, végül egy oszlopra vált.

### Szabad hely kitöltése

Az **Elrendezés** panel jobb felső sarkában a három pont menüből bekapcsolhatod a rács szabad helyének kitöltését. Ilyenkor a rács elemei kitöltik az elérhető helyet, ahelyett hogy üres hely maradna az utolsó sorban, ha kevés az elem.