Megjelenítés

Szerencsére a WordPress-nek már jó ideje van egy kiváló menükezelője és véget ért az az időszak, amikor az oldalak és kategóriák listázása fejfájást okozott sok ember számára. Mivel a WordPress számos lehetőséget ad mindenféle formázásra így, amikor a navigációs menüt használunk, akkor mindene egyes lista elem külön CSS osztályokat kap. Erre azonban elég sokszor nincsen szükség és csak feleslegen díszeleg ott a weboldal forráskódjában. Tudom az a pár karakter nem sokat nyom a latba a betöltődés szempontjából, de legyünk maximalisták én azt mondom. Tovább olvasás…

Egy személyes blognál egy remek ötletnek tartom, hogy saját gravatar ikonunk legyen a faviconunk. Favicon a böngésző címsorában az URL mellett megjelenő kis ikon. Aki regisztrálva van a gravatar.com szolgáltatásában, minden bizonnyal azt az email címét adja meg az általános beállításokban is. Ezek alapján már könnyű meghatározni a favicont. Tovább olvasás…

Tudom, nem egy érdekfeszítő a cím, de szerintem rendkívül hasznos lehet sokak számára. Nos sitebuild közben, gyakran kalandozom el és van amikor saját magammal teszek rosszat például, amikor úgy formázok egy képet, hogy span-ok közé teszem. Legutóbb egy speciális képkeret miatt kellett ilyet tennem. Ez az eredményt kellett kihoznom, minden bejegyzésbe tett img tagból:

<span class="osztalyneve"><img alt="Kép alt" src="http://valami.hu/kepeleres/kep.jpg"/></span>

Ez így teljesen rendben is van. Megoldhatnám mondjuk egy rövid kóddal. Nem lenne rossz megoldás, de az ügyfél nem biztos, hogy örülne neki, hiszen csak plusz munkát csinálnék neki. Éppen ezért a jó öreg preg_replace-t hívtam segítségül.

function filter_images($content){
    return preg_replace('/<img (.*) \/>\s*/iU', '<span class="osztalyneve"><b><img \1 /></b></span>', $content);
}
add_filter('the_content', 'filter_images');

A kódot a sablon functions.php fájlba kell illeszteni. Működése egyszerű. A content-ben megkeresem az img tageket és preg_replace segítségével elé és mögé teszem a span-t amire szükségem van. Aki még csak most ismerkedik a preg_replace-el, itt hasznos infókat tudhat meg róla.