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

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:

<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.