WordPressCat

L’Albert escriu en el seu blog, docs4beto, un codi que permet estalviar molt temps si t’agrada que els enllaços externs s’obrin en una finestra nova:

(.+?)<\/a>/', $content, $matches );
 
foreach($matches[2] as $match){
   if(!preg_match("|$host|i", $match))
   $content = str_replace("href=\"$match\"","href=\"$match\" target=\"_blank\"",$content);
}
return $content;
}
add_action('the_content', 'external_links_newwindow');
?>

Per a fer-lo servir, el més fàcil és copia el codi a l’arxiu functions.php del vostre tema. I si no existeix, simplement el creeu.

Avui remenant enllaços per fer un projecte nou he anat a parar a CSS-Tricks, una web sobre trucs de CSS i altres codis molt útils a l’hora de fer webs. Precisament a aquesta web he trobat una entrada sobre com crear una pàgina per les darreres actualitzacions a Twitter, i m’ha semblat que estaria bé compartir-la aquí.

El codi que fa servir és el següent:

1
2
3

<div id="twitter_div"><ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/usuari.json?callback=twitterCallback2&count=1"></script>

El codi és molt senzill. Fent servir l’API de Twitter, enllaça a un arxiu .js i a un de .json, que mostren el nombre d’actualitzacions de Twitter d’un cert usuari. El div i la llista desordenada (ul) els heu de posar tal i com estan escrits, sense modificar els artibuts id. Simplement, modifiquen el resultat amb una mica de CSS i ja està, ja teniu el últimament tan preuat Twitter al vostre blog.

Per què mostri el vostre Twitter, canvieu, a la línia 3, usuari pel vostre nom i l’1 de count=1 pel nombre d’actualitzacions que voleu que mostri.

Espero que us sigui útil!

A Leandono’s Blog veig un enllaç cap a ThemeWiki, una wiki col·laborativa sobre com dissenyar temes des de zero per a WordPress, Drupal, Joomla i CMS semblants.

A Xyberneticos veig avui la traducció d’una part de l’article publicat a Lee Munroe amb petits codis per millorar el tema de WordPress que facis servir. Alguns d’aquests ja els havíem posat aquí, però de tota manera sempre val la pena repassar aquest tipus de recopilacions, perquè a vegades trobes el que fa molt que busques…

L’Andrés Nieto ens presenta avui una recopilació de 42 temes inspirats en l’hivern per si esteu pensant en canviar una mica de disseny.

Els de Sentido Web han creat un curiós plugin anomenat Feel the comments, que permet que l’autor d’un comentari especifiqui l’estat d’ànim o la seva opinió respecte una entrada al blog. El funcionament és bastant senzill, i instal·lar-lo també (tot i que s’han de fer canvis a l’arxiu style.css del tema que fem servir…):

Per fer-ho, hem de posar al nostre arxiu comments.php el codi següent on vulguem:

< ?php if (function_exists('feel_the_comments_draw_select')) feel_the_comments_draw_select(); ?>

A més, haurem de modificar l’arxiu style.css al nostre gust i recuperar l’estil que hem d’aplicar de la següent manera:

<li id="comment-<?php comment_ID() ?>" class="< ?php echo feel_the_comments_get_class(); ?>"></li>

A Vandelay han fet un recull de recursos per trobar el color perfecte segons les teves necessitats. Altament re4comanable en cas que vulguis retocar una mica el teu tema.

Si sou usuaris de la Viquipèdia, potser heu vist que diferencia els enllaços externs dels interns amb un color diferent i una imatge. Si voleu posar aquest efecte al vostre blog, simplement heu de seguir els passos següents.

Per començar, hauríeu de posar aquest codi dins de les etiquetes HTML :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script type="text/javascript">
    function init(){
        var links = document.getElementsByTagName('a');
        for(var i=0 ; i < links.length; i++){
            var link = links[i];
            if(link.href.indexOf('elteublog.cat') == -1){
                //  és un enllaç extern
                link.style.paddingRight = "10px";
                link.style.backgroundImage = "url(images/aoutside.gif)";
                link.style.backgroundPosition = "right center";
                link.style.backgroundRepeat = "no-repeat";
            }
        }
    }
</script></script>

ATENCIÓ! No sé perquè, però em crea dos tancaments de l’etiqueta script. N’heu d’esborrar un!

Aquest codi crea la funció init(), que busca totes les etiquetes que enllacin a una web diferent de la especificada a la línia 6 i li aplica un estil diferent (línies 8-11). La imatge que fa servir està definida a la línia 9.

Un cop enganxat el codi, heu de canviar l’etiqueta per i ja funcionarà.

Teniu més informació sobre això al blog Sofá Naranja.