# Hivatkozások beszúrása és szerkesztése

> Szöveg, kép vagy gomb hivatkozásának beállítása: keresés a webhelyen, támogatott webcímek, új lapon nyitás, nofollow és CSS-osztály.

A hivatkozásvezérlővel hivatkozást adhatsz a kijelölt szövegnek, képnek, gombnak vagy más blokktartalomnak. A cél lehet egy másik oldal, bejegyzés, fájl, e-mail-cím, telefonszám vagy külső weboldal. A támogatott blokkoknál (például **Bekezdés**, **Címsor**) ugyanaz a vezérlő jelenik meg, de a megjelenő lehetőségek blokkonként kissé eltérhetnek.

## Hivatkozás hozzáadása

Háromféleképpen készíthetsz hivatkozást.

### A Link gombbal

1. Jelöld ki a szöveget, amelyből hivatkozást szeretnél.
2. Kattints az eszköztár **Link** gombjára.
3. Kezdj gépelni egy kulcsszót, oldal- vagy bejegyzéscímet, és válaszd ki a találatot. Másik weboldalra mutató hivatkozásnál írd be a teljes webcímet az `https://` résszel együtt.
4. Nyomd meg az Entert.

![A Link gomb megnyomása után megjelenő keresőmező, amelybe webcím van beírva](./kepek/blokkszerkeszto-4-link.webp)

*A Link gomb megnyomása után megjelenő keresőmező, amelybe webcím van beírva* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

A mező alatt a keresés találatai jelennek meg, ha a webhelyen van illeszkedő tartalom. Webcím beírásakor a webcímet kínálja fel hivatkozásként, amelyet az Entert megnyomva fogadhatsz el.

### Billentyűparanccsal

Jelöld ki a szöveget, és nyomd meg a Ctrl + K billentyűkombinációt (Mac gépen Command + K). Ez ugyanazt a mezőt nyitja meg, mint a **Link** gomb.

### Másolt webcímmel

Másold ki a használni kívánt webcímet, jelöld ki a szöveget, majd illeszd be a Ctrl + V (Mac gépen Command + V) kombinációval. A kijelölt szöveg hivatkozássá válik.

Ha a webcímet egyedül, egy új sorba illeszted be, a WordPress a webcímtől függően beágyazott tartalmat vagy előnézetet is készíthet belőle.

## Meglévő hivatkozás szerkesztése

Kattints a hivatkozott szövegre. Megjelenik a hivatkozás előnézete, amelyen három gomb van: **Hivatkozás szerkesztése**, **Hivatkozás eltávolítása** és **Hivatkozás másolása**. Az előnézetben a hivatkozás szövege és a webcím látszik.

![A hivatkozott szövegre kattintva megjelenő előnézet a szerkesztő, az eltávolító és a másoló gombbal](./kepek/blokkszerkeszto-4-link-elonezet.webp)

*A hivatkozott szövegre kattintva megjelenő előnézet a szerkesztő, az eltávolító és a másoló gombbal* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

## Támogatott webcímformák

Ha a beírt webcím hiányosnak látszik, vagy olyan formátumú, amelyet a WordPress nem ismer fel, a hivatkozás nem fogadható el, és a rendszer érvényes webcímet kér. Ezek a formák használhatók:

| Hivatkozás típusa | Példa |
| --- | --- |
| Teljes webcím | `https://example.com` |
| Oldal vagy fájl a saját webhelyen | `/kapcsolat` |
| Hivatkozás ugyanazon az oldalon belül | `#elerhetoseg` |
| E-mail-cím | `mailto:nev@example.com` |
| Telefonszám | `tel:+36123456789` |

Más weboldalra mutató hivatkozásnál mindig add meg a teljes webcímet az `https://` résszel. A WordPress csak azt ellenőrzi, hogy a webcím formátuma érvényes-e. Azt nem, hogy a cél létezik, vagy betöltődik.

## Haladó beállítások

A hivatkozás szerkesztésekor a **Haladó** szakaszra kattintva további beállítások nyílnak meg. A szerkesztőmezőben a **Szöveg** és a **Link** mező is módosítható.

![A hivatkozás szerkesztőablaka kibontott Haladó szakasszal: Megnyitás új fülön, Megjelölés nofollow-ként, További CSS osztály(ok)](./kepek/blokkszerkeszto-4-link-halado.webp)

*A hivatkozás szerkesztőablaka kibontott Haladó szakasszal: Megnyitás új fülön, Megjelölés nofollow-ként, További CSS osztály(ok)* (https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit)

| Beállítás | Mit csinál |
| --- | --- |
| **Megnyitás új fülön** | A hivatkozás külön böngészőfülön nyílik meg. Kikapcsolva ugyanabban a fülben nyílik. |
| **Megjelölés nofollow-ként** | Jelzi a keresőmotoroknak, hogy ne kössék össze a webhelyedet a hivatkozott oldallal, és ne kövessék onnan a hivatkozást. |
| **További CSS osztály(ok)** | Egyedi CSS-osztályokat adhatsz a hivatkozáshoz, hogy saját stílust írhass hozzá. Az osztályneveket szóközzel válaszd el. |

A módosítást az **Alkalmaz** gombbal véglegesítheted, a **Mégsem** gombbal elveted.

## A hivatkozás színe

A hivatkozások színét a blokk **Elemek** panelén, vagy a Webhelyszerkesztő stíluspaneljén állíthatod. A részleteket a [Színek](https://hub.hellowp.io/hu/manuals/wordpress/blokkszerkeszto/blokkszerkeszto-szinek/) fejezetben találod.