DIVI fejlécbe plusz közösségi ikonok elhelyezése

A DIVI kinézetben a fejlécben elhelyezhetők a fejlécben különféle közösségi média profilokra mutató linkek. Ezzel csak az a probléma, hogy csak Facebook, Twitter, Google Plus (már nem is él) és RSS és Instagram ikonokat lehet elhelyezni “kódolás” nélkül. Ezeket fogjuk kiegészíteni Pinteresttel és YouTube-al (de a leírás alapján mással is ki lehet bővíteni a listát).

Hol kell beállítani a DIVI fejlécben a közösségi ikonokat?

A dolog több lépéses. Először az alábbi helyen be kell állítani, hogy az ikonok megjelenjenek, illetve, hogy az egyes felületeken mi a saját profilunk URL-je:

Majd a Megjelenés => Testreszabás menüben, itt be kell pipálni, hogy a közösségi ikonok megjelenjenek:

Ekkor megjelennek az ikonok, de csak a bevezetőben említettek.

Divi fejléc – közösségi média ikonok bővítése

Ha nem elegendőek a “gyárilag beállított közösségi felületetek”, akkor az alábbiakat kell követni:

Meg kell keresni a wp-content/themes/divi/includes/social_icons.php fájlt (ha child theme-t használsz, akkor oda másold le, és ott szerkeszd!), meg kell nyitni pl. NotePad++ programmal, hogy szerkesszük.

Az utolsó sor, a “</ul>” elé kell helyezni az alábbi kódot, első blokk a YouTube, utóbbi a Pinterest ikon kódja:

A kód letölthető a cikk aljából (CODE 1.).

Az eredmény:

Ha az ikonok nem jelennek meg, akkor a CSS-be tedd be a cikk aljában található letöltésből a “CODE 2.” részt.

Ha a fenti 2 “blokk” kód mintájára az összes közösségi média felület kódját betesszük ide a meglévő kód helyére, akkor az ikonok sorrendje változtatható.

A módosítások életbe lépnek az oldal alján megjelenített közösségi ikonok esetében is:

Közösségi média linkek megnyitása új ablakban:

A DIVI => Sablon beállítások => Integrációnál ezt a kódot kell elhelyezni a “A blog < body > részéhez hozzáadandó kód (alkalmas követési kódok integrációjára, mint például a Google Analytics kódra)” részhez:

A kód letölthető a cikk aljából (CODE 3.).

A 3-as kód forrása:
divinotes.com/open-divis-social-media-icons-in-a-new-tab/

Letöltés

Cikkértesítő

Ha nem szeretnél lemaradni az új cikkekről, akkor iratkozz fel az értesítőre!

“DIVI fejlécbe plusz közösségi ikonok elhelyezése” bejegyzéshez 2 hozzászólás

Szólj hozzá!

*

code

WordPress segítséget keresel?

Kérj díjmentes árajánlatot!

Főbb szolgáltatásaim: weboldal/webáruház készítés, megújítás, fejlesztés, gyorsítás, karbantartás, hibajavítás, oktatás, stb.

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépen. Ha ezt nem szeretnéd, akkor a böngésződ megfelelő beállításait használva tiltsd le a cookie-k tárolását, vagy zárd be a weboldalt. Mik azok a cookie-k? Hogyan tudod tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás