Miért van egyáltalán külön elem egy sima linkre
A Bricks-ben van egy elem, amit a legtöbben simán kihagynak, pedig szinte minden oldalon ott a helye: ez a Text Link. Nem gomb, nem kártya, nem valami vizuálisan hangsúlyos elem, csak egy sima, kattintható szöveg. Pontosan azért létezik, mert nem minden linknek kell CTA-nak kinéznie — a Text Link egy taget húz be, semmi extra köré, se padding, se háttérszín, se árnyék, amit a Button automatikusan hoz magával.
Hol van a helye a Button mellett
Amikor valaki végigolvas egy bekezdést, és a végén ott áll, hogy „vissza az összes elemhez” vagy „nézd meg a kapcsolódó cikket”, az nem gombot kíván, hanem egy diszkrét, szövegszerű utalást. Én ott szoktam nyúlni hozzá, amikor egy szekció alján visszautalok valahova, amikor lábléc-linksort építek, vagy amikor egy kártyasoron belül csak egy halkabb hivatkozásra van szükség a nagy CTA gomb mellett. Ha minden link gomb lenne egy oldalon, elveszne a hierarchia – a Text Link segít abban, hogy a fontos gombok tényleg kiemelkedjenek.
Felvétele és a két mező, amin minden múlik
A szerkesztőben kikeresed (a + gombnál elég beírni, hogy „link”), és bedobod, ahova kell általában egy Block vagy Div belsejébe, sokszor egy Basic Text vagy Heading mellé, azonos szinten. Két mező számít igazán. Az egyikbe a megjelenő szöveg kerül – ide sose írj olyat, hogy „kattints ide” vagy „tovább”, mert ez se a felhasználónak, se a Google-nek nem mond semmit arról, hova vezet a link. A másik mezőben a cél URL-t adod meg – lehet kézzel beírt cím, vagy dinamikus adat, ha egy Query Loopban minden bejegyzéshez más-más linket kell generálni.
Amit érdemes még beállítani
A link ikonjára kattintva előjön két apró kapcsoló: az „open in new tab”, amit csak külső oldalaknál érdemes bepipálni (belső navigációnál mindig zavaró, ha hirtelen új fül nyílik), és a „no follow”, amit gyakorlatilag csak fizetett vagy nem megbízható külső linkeknél kapcsolj be. A stílusán a Style fülön tudsz állítani – alapból örökli a globális link-színt, de felülírhatod, ha az adott helyen halkabban vagy hangsúlyosabban kell megjelennie. Egy dolgot mindig nézz meg: a hover állapotot. Egy link, aminek nincs érzékelhető hover effektje, sokszor egyszerűen nem tűnik kattinthatónak.
Vörös László WordPress fejlesztő és Bricks Builder szakértő. Több mint 20 éve webfejlesztőként, 18 éve WordPress fejlesztőként dolgozom. Specialitásom a Bricks Builder, SEO és a biztonságos weboldalak fejlesztése.