# Kiemelt kép

> A bejegyzés kiemelt képének megjelenítése és formázása a Kiemelt kép blokkal.

A **Kiemelt kép** blokk a bejegyzés kiemelt képét jeleníti meg. Leggyakrabban a [Lekérdezési ciklus](https://hub.hellowp.io/hu/manuals/wordpress/temablokkok/temablokkok-lekerdezesi-ciklus/) mintasablonjában használod, ahol a lista kinézetét alakítja.

## Beszúrás

1. A sablon vagy az oldal szerkesztésekor kattints a blokkbeszúró ikonra.
2. Keress rá a **Kiemelt kép** blokkra.
3. Kattints rá, így bekerül a **Bejegyzés mintasablonba**.

Gyorsabban: írd be egy új bekezdésben, hogy `/post-featured-image`, és nyomj Entert. Amíg nincs kiemelt kép, a blokk helyőrzőt mutat.

## Blokk-eszköztár

Az eszköztáron ezek vannak:

- **Átalakítás**: **Csoport** vagy **Oszlopok** blokká;
- **Húzófogó**: a blokk áthelyezése (kék vonal jelzi, hova kerül);
- **Mozgatás nyilakkal**: fel és le;
- **Kéttónusú szűrő alkalmazása**;
- **Igazítás módosítása**: **Nincs**, **Széles**, **Teljes szélesség**, valamint balra, középre és jobbra igazítás;
- **Egyebek**: másolás, duplikálás, szerkesztés HTML-ként.

### Kéttónusú szűrő

A kéttónusú (duotone) hatás két színnel színezi át a képet, anélkül hogy az eredeti képet módosítaná. A nagy kontrasztú képeken mutat a legjobban. Hat előre elkészített párosítás közül választhatsz:

1. Előtér és háttér
2. Előtér és másodlagos
3. Előtér és harmadlagos
4. Elsődleges és háttér
5. Elsődleges és másodlagos
6. Elsődleges és harmadlagos

A színeket a sablon színpalettájából veszi. A két színt te is megadhatod: az **Árnyékok** és **Fénypontok** beállításnál a színválasztóból választhatsz egyéni színt. Az összes változtatás törlése a jobb alsó sarokban lévő törlés gombbal lehetséges.

## Blokk-beállítások

A jobb oldali sávot a **Beállítások** ikonnal (a **Mentés** vagy **Frissítés** gomb mellett) nyithatod meg. Két füle van: a beállítások és a stílusok.

![A Kiemelt kép beállításai: a kép hivatkozássá tétele, megnyitás új fülön, felbontás](./kepek/temablokkok-kiemelt-kep-beallitasok.webp)

*A Kiemelt kép beállításai: a kép hivatkozássá tétele, megnyitás új fülön, felbontás* (https://minta-bolt.hu/wp-admin/post.php?post=15&action=edit)

### Hivatkozás a bejegyzésre

Ha bekapcsolod a hivatkozás kapcsolóját (a képen az angol „Make image a link” felirattal látszik), a kép a bejegyzés címére mutat, így a látogató a képre kattintva eljut a bejegyzéshez. Itt állíthatod be azt is, hogy a hivatkozás **Megnyitás új fülön** nyíljon-e meg, és megadhatod a **Link kapcsolat** (rel) értékét.

A **Felbontás** listából a forráskép méretét választhatod ki.

### Stílusok

A második fülön találod őket.

![A Kiemelt kép stílusai: borítás színe és átlátszósága, szűrők, méretek](./kepek/temablokkok-kiemelt-kep-stilusok.webp)

*A Kiemelt kép stílusai: borítás színe és átlátszósága, szűrők, méretek* (https://minta-bolt.hu/wp-admin/post.php?post=15&action=edit)

- **Szín → Borítás**: a kép fölé kerülő színréteg. Az **Átfedés átlátszósága** csúszkával 0 és 100 között állíthatod, hogy mennyire fedje a képet. Ha a sablonod támogatja az átmeneteket, színátmenetet is használhatsz borításként.
- **Szűrők**: a kéttónusú szűrők, ugyanúgy működnek, mint az eszköztáron.
- **Méretek**: helykitöltés (padding), margó, **Képarány** (a kép alakját módosítja, ezzel a méretét is változtathatja), magasság és szélesség. A képarány-lehetőségek a sablontól függnek.
- **Szegély**: a kép szegélye és a szegély lekerekítése.

### Haladó

**HTML-horgony**, **További CSS-osztály(ok)**, **További CSS**.

## A webhelysablonokon belül

A Kiemelt kép blokkot a webhelysablonokban is hozzáadhatod és kezelheted, ha a sablonod támogatja a Webhelyszerkesztőt. Itt a blokknak néhány további beállítása is van, például a méretezés.