Linkek: telefon, e-mail, letöltés és horgony

Minden widgetnél, amelyben van Link mező (például Gomb), speciális linkeket is megadhatsz: telefonszámra, e-mail-címre, letölthető fájlra vagy az oldal egy pontjára mutatókat. Ez a fejezet ezeket foglalja össze.

Kattintható telefon- és e-mail-linkek

Elementor Pro-ban a dinamikus kapcsolati URL-lel („okos linkek”) gyorsan készíthetsz telefon-, e-mail-, SMS-, WhatsApp-, Skype-, Viber-, Waze-, Facebook Messenger- és naptáresemény-linkeket bármelyik widgetből, amelyben van Link mező. A kézi módszer bármelyik változatban működik.

Kattintható telefonszám

A mobilon tárcsázó ablakot megnyitó linkhez írd a Link mezőbe a tel: előtagot, utána a teljes telefonszámot kötőjelek és más jelek nélkül:

tel:9855551212

E-mail-link (mailto)

Írd a Link mezőbe a mailto: előtagot és a címzett e-mail-címét:

mailto:[email protected]

Tárgy megadásához tedd a cím után a ?subject= részt és a tárgy szövegét:

mailto:[email protected]?subject=Köszönjük a megkeresést

A szóközöket biztonságosabb %20-ra cserélni, mert néhány helyen a szóköz nem működik jól:

mailto:[email protected]?subject=Köszönjük%20a%20megkeresést

Egyedi linkattribútumok

Minden linkhez megadhatsz egyedi HTML-attribútumokat az <a> elemen. Így data-* attribútumokat, ARIA (kisegítő) attribútumokat, rel=* értékeket és más attribútumokat adhatsz a linkhez.

1. Jelöld ki a widgetet.
2. A panelen a Link mező mellett kattints a fogaskerék ikonra (Linkopciók). A Link mezőben hagyj legalább egy # jelet.
3. Az Egyéni attribútumok mezőbe kulcs|érték formában írd az attribútumot. Példák:
   • rel|sponsored: rel="sponsored";
   • rel|ugc: rel="ugc";
   • title|Ide jön a cím szövege: címke (tooltip).
4. Több attribútumot vesszővel válassz el: download|divat.pdf,title|Tudj meg többet.

https://minta-bolt.hu/wp-admin/post.php?post=31&action=elementor

A képen a Link mező melletti fogaskerékkel megnyitott opciók látszanak: Megnyitás új ablakban, Nofollow hozzáadása és az Egyéni attribútumok mező (key|value formátum).

Fontos tudnivalók:

• A title attribútum csak akkor jelenik meg tooltipként rámutatáskor, ha a Link mezőben van valami, legalább egy #. Üres link mellett nem működik.
• A Szövegszerkesztő widgeten belül létrehozott linkhez nem adhatsz egyedi attribútumot; csak azoknál a widgeteknél van, amelyeknek külön Link mezőjük van.
• Biztonsági okból JavaScript-alapú attribútum (például onclick) nem adható hozzá.

Gyakori felhasználások:

• PDF-fájl letöltése egyetlen kattintással a download|fájlnév attribútummal.
• SEO-hoz kapcsolódó rel értékek: noopener, noreferrer, ugc, sponsored. Több értéket szóközzel válassz el egy attribútumon belül, például rel|noopener noreferrer.
• title attribútum, például „Tudj meg többet rólunk”.

Letöltési link készítése

A Gomb, a Cselekvésre ösztönzés és sok más widget linkjével a látogatók letölthetnek PDF-et, ZIP-fájlt és más, a médiatárban engedélyezett fájlt.

1. Töltsd fel a fájlt a médiatárba (Média → Új médiafájl hozzáadása). A fájlokat típus szerint szűrheted. PDF, ZIP, MP3, MP4, képformátumok és más engedélyezett típusok tölthetők fel.
2. Kattints a feltöltött fájlra, és a felugró ablakban másold a fájl webcímét a vágólapra.
3. Illeszd be a webcímet egy widget Link mezőjébe.
4. A fogaskerékkel nyisd meg a linkopciókat.
5. Jelöld be a Megnyitás új ablakban lehetőséget (a Nofollow hozzáadása is bejelölhető).
6. Hogy a fájl megnyitás helyett letöltődjön, add meg az Egyéni attribútumok mezőben a download|fajlnev.pdf attribútumot.

PDF-letöltő gomb

1. A WordPress vezérlőpultján menj a Média → Új médiafájl hozzáadása oldalra.
2. Kattints a fájlok kiválasztására, és töltsd fel a PDF-et.
3. A feltöltés után másold a webcímet a vágólapra.
4. Nyisd meg az oldalt az Elementor szerkesztőben, és húzz egy Gomb widgetet a vászonra.
5. A Tartalom fülön illeszd be a PDF webcímét a Link mezőbe.
6. Tedd közzé vagy frissítsd az oldalt.

Hogy a fájl a böngészőben való megnyitás helyett azonnal letöltődjön, add hozzá a download egyéni attribútumot a gombhoz, ahogy fent leírtuk. A gombról lásd még: Gomb widget és Gomb elem.

Horgonylinkek

Hosszú oldalon hasznos, ha az oldal egy adott fejlécére vagy részére linkelsz. Ezeket horgonylinkeknek nevezzük: az oldalon belüli hivatkozások.

A horgony létrehozása

1. Jelölj ki egy elemet (widget, konténer vagy szakasz).
2. Kattints a Haladó fülre.
3. A CSS ID mezőbe írj egy nevet. Ez a horgony neve, ezért legyen egyszerű. Csak betű, szám, kötőjel és alulvonás engedélyezett, és ne tegyél elé # jelet. A mezőről lásd még: CSS-osztály és azonosító.

Hivatkozás a horgonyra

1. Jelöld ki a szöveget, amelyből a link lesz.
2. Kattints a link ikonra.
3. Ha az oldalon belüli horgonyra linkelsz, írd be a # jelet és a horgony nevét, például #Bemutatkozas. Ha a horgony másik oldalon van, írd be az oldal webcímét, utána a # jelet és a horgonyt, például https://pelda.hu/cikk#Bemutatkozas.

A linket a vásznon közvetlenül is létrehozhatod a szöveg kijelölésével.

„Vissza a tetejére” gomb

Horgonylinkkel egyszerűen készíthetsz olyan gombot, amely az oldal tetejére visz.

1. Jelöld ki az oldal első szakaszát (vagy konténerét), és a Haladó fülön a CSS ID mezőbe írj egy nevet, például top. Ide ne tegyél # jelet.
2. Húzd az oldalra a Gomb widgetet, oda, ahová a gombot szeretnéd. Lásd: Gomb widget és Gomb elem.
3. A gomb Szöveg mezőjébe írd: „Felfelé”.
4. A Link mezőbe írd be a #top szöveget, vagy azt az azonosítót, amelyet az 1. lépésben választottál. A # jel a linkben kötelező, és nem lehet szóköz utána.

A gombra kattintva a látogató az oldal elejére jut. Elementor Pro-val a gombot a ragadós görgetési effektussal az oldal aljához is rögzítheted.