# Dynamic Field értékének linkelése oldalon belüli horgonyra

> Hogyan válhat egy metamező értéke hivatkozássá, amely az oldal egy szakaszához görget: CSS-azonosító és Customize field output Elementorban, blokkszerkesztőben és Bricksben.

Ez a fejezet azt mutatja meg, hogyan lehet egy **Dynamic Field** értékét az oldal egy másik szakaszához vezető hivatkozássá alakítani. Példa: egy ingatlanos webhelyen az „Ingatlanok” egyedi bejegyzéstípusnak van egy címmezője (**Textarea** típusú metamező). Az ingatlan egyedi oldalán a címet kiírod, és rákattintva a látogató az alatta lévő interaktív térképhez görget.

A módszer három lépésből áll mindegyik szerkesztőben: a cél szakasznak horgonyt adsz, kiírod a mezőt a **Dynamic Field** elemmel, majd a **Customize field output** kapcsolóval hivatkozássá alakítod.

A kimeneti HTML mindhárom szerkesztőben ugyanaz:

```html
<a href="#terkep-szakasz">%s</a>
```

A `%s` a mező értékét jelenti, a `#terkep-szakasz` pedig a célszakasz azonosítója. Az azonosító helyére bármilyen más URL is beírható.

## Elementor

1. Nyisd meg az egyedi bejegyzés sablonját az Elementor szerkesztőjében.
2. Jelöld ki a cél szakaszt vagy konténert, és a **Speciális** fülön a **CSS ID** mezőbe írj egyedi azonosítót (például `terkep-szakasz`).
3. Add hozzá a **Dynamic Field** widgetet oda, ahol a címet látni akarod (például a bejegyzés címe mellé).
4. A **FORRÁS** listában válaszd a „Metaadat” elemet, majd a listából a címmezőt.
5. Görgess lejjebb, és kapcsold be a **Customize field output** kapcsolót.
6. A **Field format** mezőbe írd be a fenti HTML-kódot, és mentsd a módosítást.

## Blokkszerkesztő

1. Nyisd meg az egyedi bejegyzés sablonját vagy a bejegyzést a blokkszerkesztőben.
2. A cél szakasz elé tegyél egy **Heading** blokkot, nyisd ki a **Haladó** (Advanced) részt, és az **HTML-horgony** mezőbe írd be az azonosítót.
3. Add hozzá a **Dynamic Field** blokkot, a **FORRÁS** legyen „Metaadat”, és a metakulcsot (**META KEY**) válaszd ki a listából.
4. Kapcsold be a **Customize field output** kapcsolót.
5. A **FIELD FORMAT** mezőbe írd be a fenti HTML-kódot, és frissítsd az oldalt.

## Bricks

1. Nyisd meg az egyedi bejegyzés sablonját a Bricksben.
2. Jelöld ki a cél szekciót vagy konténert, a **STYLE** beállításokban nyisd ki a **CSS** részt, és a **CSS ID** mezőbe írj egyedi azonosítót.
3. Add hozzá a **Dynamic Field** elemet, a forrás legyen „Metaadat”, és válaszd ki a mezőt.
4. Kapcsold be a **Customize field output** kapcsolót.
5. A **Field format** mezőbe írd be a fenti HTML-kódot, és frissítsd az oldalt.

## Eredmény

Nyisd meg a bejegyzést a webhelyen, és kattints a Dynamic Field értékére. Az oldalnak a megadott azonosítójú szakaszhoz kell görgetnie.