# A Testreszabó

> A Testreszabó használata: webhelyazonosság, színek, háttérkép, menük, widgetek, kezdőoldal, kivonatok és további CSS.

A **Testreszabó** (angolul Customizer) segítségével különböző kinézeteket és beállításokat próbálhatsz ki a webhelyed aktív sablonjához, vagy egy olyanhoz, amelyre át akarsz váltani, anélkül hogy a változtatások azonnal nyilvánosak lennének. A módosításokat előnézetben látod, és csak akkor kerülnek ki a webhelyre, ha megnyomod a **Közzététel** gombot. A színek, a háttér, a fejlécképek és sok más beállítás itt állítható, már amit a sablon támogat.

Érdemes a sablonfájlok közvetlen szerkesztése helyett a Testreszabót használni: a sablon frissítésekor a közvetlen fájlmódosításaid elveszhetnek, a Testreszabóban megadott beállításaid viszont megmaradnak.

## Mikor érhető el?

A Testreszabó csak akkor jelenik meg, ha az aktív sablon támogatja. A blokkos sablonoknál (amilyen például a Twenty Twenty-Five) a webhelyet blokkokkal, a webhelyszerkesztőben építed, ezért itt a **Megjelenés** menüben nincs **Testreszabás** pont, kivéve ha egy bővítmény igényli. A Testreszabó kinézete és a benne található panelek ráadásul sablononként eltérnek.

Az alábbi leírás a klasszikus sablonok jellemző paneleit mutatja be. A képek a Twenty Twenty-Five sablon alatt a közvetlen címen megnyitott Testreszabót mutatják, ahol csak a minden sablonnál meglévő panelek látszanak.

![A Testreszabó nyitóképernyője: bal oldalt a panelek listája, jobbra az élő előnézet](./kepek/admin-testreszabo.webp)

*A Testreszabó nyitóképernyője: bal oldalt a panelek listája, jobbra az élő előnézet* (https://minta-bolt.hu/wp-admin/customize.php)

A bal oldali sávban a panelek listája áll (a képen **Honlap azonosítás**, **Kezdőoldal beállítások** és **További CSS**), a jobb oldalon a webhely élő előnézete.

## A Testreszabó megnyitása

A Testreszabót kétféleképpen indíthatod:

- az adminfelületen a **Megjelenés → Testreszabás** menüpontból,
- az eszköztáron a **Testreszabás** hivatkozásról, ha éppen a webhelyedet nézed.

## Használat

1. A bal oldali menüben nyisd meg a módosítani kívánt panelt.
2. Add meg az értéket. A jobb oldali előnézet a módosítással együtt változik.
3. Ha elkészültél, kattints a **Közzététel** gombra, hogy a változtatások a webhelyre is kikerüljenek.

Néhány hasznos tipp:

- Az előnézetben lévő belső hivatkozásokra kattintva a Testreszabó a kiválasztott oldalra lép, és ott is az éppen beállított értékekkel mutatja a webhelyet.
- A panel alján lévő eszközválasztó gombokkal (**Asztali**, **Táblagép**, **Mobil**) megnézheted, hogyan mutat a webhely asztali gépen, táblagépen és telefonon, mielőtt bármit közzétennél.
- Az előnézetben egyes elemek mellett kék ceruza ikon jelenik meg. Rákattintva a bal oldali sávban megnyílik a hozzá tartozó beállítás.
- A **Vezérlők elrejtése** gombbal a bal oldali sáv összezárható, így nagyobb előnézetet látsz.
- A sáv bezárásához a bal felső **×** gombot használd.

## Honlap azonosítás

Ezen a panelen a webhely alapvető adatait adod meg.

![A Honlap azonosítás panel a név, a leírás és az ikon beállításával](./kepek/admin-testreszabo-honlap-azonositas.webp)

*A Honlap azonosítás panel a név, a leírás és az ikon beállításával* (https://minta-bolt.hu/wp-admin/customize.php)

| Beállítás | Mit csinál |
|---|---|
| **Logó** | A webhely logója, például a cég jelképe. A **Logó kiválasztása** gomb megnyitja a Médiatárat: válassz egy képet, vagy tölts fel újat a **Fájlok feltöltése** fülön, majd kattints a jobb alsó kiválasztó gombra. Később a logót eltávolíthatod vagy cserélheted. (A logó beállítása csak azokon a sablonokon jelenik meg, amelyek támogatják.) |
| **Honlap neve** | A webhely címe. |
| **Honlap egysoros leírása** | A webhely alcíme, rövid szlogenje. |
| **Honlap nevének és címsorának megjelenítése** | Jelölőnégyzet: ki- és bekapcsolja a cím és a leírás megjelenítését. (Csak ott látszik, ahol a sablon támogatja.) |
| **Honlap ikon** | A böngészőlapon, a könyvjelzősávon és a WordPress mobilalkalmazásokon belül látott ikon. Négyzet alakúnak és legalább 512 × 512 képpont nagyságúnak kell lennie. A **Weboldal ikon kiválasztása** gombbal a Médiatárból választhatsz képet, vagy újat tölthetsz fel. |

## Színek és sötét mód

Egyes sablonoknál (például a Twenty Twenty-One) külön panel szól a színekről.

- **Háttérszín:** a **Szín kiválasztása** gombra kattintva megadhatsz egy hexadecimális színkódot (például `d33131`), vagy a színválasztóból kiválaszthatod a kívánt színt, és a kódja automatikusan beíródik. Az **Alapértelmezett** gomb visszaállítja az eredeti színt. A háttér gyakran csak széles kijelzőn látszik.
- **Sötét mód támogatása:** a jelölőnégyzet bekapcsolásával a webhely sötét háttérrel és világos szöveggel jelenik meg.

## Háttérkép

Egy tetszőleges háttérképet adhatsz meg az előző pontban beállított színes háttér helyett.

1. Kattints a **Kép kiválasztása** gombra.
2. Válassz egy képet a Médiatárból, vagy tölts fel egyet a **Fájlok feltöltése** fülön.
3. Kattints a kép kiválasztására szolgáló gombra. Az előnézet azonnal az új háttérrel látszik.

Miután van háttérkép, további beállítások jelennek meg:

| Beállítás | Mit csinál |
|---|---|
| **Eltávolítás** | Törli a háttérképet. |
| **Képcsere** | Másik képre cseréli. |
| **Előbeállítás** | Előre megadott megjelenítések: alapértelmezett, kitöltés, igazítás a képernyőhöz, ismétlődés vagy egyéni. |
| **Kép pozíció** | A kép helye: balra, középre vagy jobbra. |
| **Képméret** | A kép méretezése: a képernyőméretre igazítva, teljes képernyőre kitöltve, vagy az eredeti méretben. |
| **Háttérkép ismétlése** | Jelölőnégyzet: a kép ismétlődik az oldalon. |
| **Gördüljön az oldallal** | Jelölőnégyzet: a háttérkép együtt görög az oldallal, vagy rögzített marad. |

A pontos felirat a használt sablontól függ.

## Menük

A **Menük** panelen a webhely navigációs menüit kezeled. Létrehozhatsz menüt, és hozzáadhatsz már közzétett tartalmakat: oldalakat, bejegyzéseket, kategóriákat, címkéket, formátumokat vagy egyéni hivatkozásokat. A menük részletes kezelése a [Menük és widgetek](https://hub.hellowp.io/hu/manuals/wordpress/admin/admin-menuk-es-widgetek/) fejezetben van.

A sablonok általában legalább egy menühelyet támogatnak (például a Twenty Twenty-One az **Elsődleges menü** és a **Másodlagos menü** helyet). A legördülő listából választhatod ki, melyik menü jelenjen meg az adott helyen. Ha a sablon több menühelyet támogat, több ilyen lista látszik.

## Widgetek

A WordPress a widgetterületekre (fejléc, lábléc, oldalsáv és társaik) bármilyen blokkot felvehet. A widgetek a **Megjelenés → Testreszabás → Widgetek** panelen is beállíthatók, az élő előnézettel együtt.

### Widget hozzáadása

1. Nyisd meg a **Widgetek** panelt, és válaszd ki a widgetterületet.
2. Kattints a terület tetején lévő **+** ikonra, amely megnyitja a használható blokkok listáját.
3. Keresd meg a kívánt blokkot, és kattints rá. A blokk bekerül a widgetterületre.
4. Az előnézetben azonnal látod az új blokkot.

### Widgetek beállítása

- **Átrendezés:** jelöld ki a widgetet, és a blokkeszköztár fel és le nyilával mozgasd. Megfoghatod a hat pontos fogantyút is, és áthúzhatod a helyére.
- **További beállítások:** a kijelölt widget blokkeszköztárán a három pontos gombra kattintva válaszd a további beállításokat megnyitó pontot.
- **Visszavonás és ismétlés:** a widgetek menüjében lévő visszavonás és ismétlés gombokkal végigléphetsz a widgetterület módosításain.
- **Törlés:** a három pontos menüben válaszd a blokk eltávolítását. Több widgetet is kijelölhetsz a Shift lenyomásával, és együtt törölheted őket a Delete vagy a Backspace billentyűvel.

## Kezdőoldal beállítások

Ezen a panelen azt döntheted el, mi jelenjen meg a webhely főoldalán.

![A Kezdőoldal beállítások panel a két választási lehetőséggel](./kepek/admin-testreszabo-kezdooldal.webp)

*A Kezdőoldal beállítások panel a két választási lehetőséggel* (https://minta-bolt.hu/wp-admin/customize.php)

A **Kezdőlap megjelenése** alatt két lehetőség közül választhatsz:

- **Legutóbbi saját bejegyzések:** a főoldalon a legfrissebb bejegyzések listája jelenik meg, vagyis klasszikus blog.
- **Statikus oldal:** a főoldalon egy rögzített oldal látszik. Ilyenkor ki kell jelölnöd egy **Kezdőoldal** és egy **Bejegyzések oldala** néven szereplő oldalt (ehhez előbb két oldalt létre kell hoznod: az egyik lesz a főoldal, a másik listázza majd a bejegyzéseket).

## Kivonat beállítások

Ez a panel (ahol a sablon kínálja) azt állítja be, hogy a blogoldal és az archívumok a bejegyzések teljes szövegét vagy csak a kivonatát mutassák. Az alapérték a kivonat. A keresési találatok oldal mindig kivonatot mutat. Kivonatnál csak szöveg jelenik meg, formázás és képek nélkül.

## További CSS

A **További CSS** panelen saját CSS-kódot adhatsz meg, amely felülírja a sablon stílusát. Ez haladó funkció, kis CSS-tudást igényel.