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/
Ez szuper volt, és alapos munka van mögötte! Köszi!
Köszönöm szépen a visszajelzést! 🙂