El blogroll es una lista de enlaces a otras webs que suelen colocarse en una web (normalmente en un lateral) y que se compone de enlaces que el autor suele visitar asiduamente, webs de amigos y conocidos y/o enlaces que el autor considera que pueden ser de utilidad para posibles visitantes de la web. Puedes ver en la página principal del blog que mi blogroll está formado por imágenes con sus correspondientes enlaces. Es una idea que saqué de este tutorial (en inglés), en el que se explica como poner imagen y texto a la vez.
Yo lo he adaptado para poner solo imágenes. Lo que veremos en este artículo será la forma en que lo he implementado en el blog paso a paso y después comentaremos por qué no he utilizado alguna otra manera de hacerlo que en principio es más fácil. Vamos a ello.
Pasos previos
Ya que vamos a tener un blogroll con imágenes lo primero que hay que hacer es preparar esas imágenes y subirlas al servidor. Yo lo que he hecho ha sido bajarme los favicons de los blogs y modificar el formato para ponerlo en jpg y el tamaño en 16×16 píxeles. Lo de los favicons es una idea pero puedes utilizar las imágenes que creas conveniente. Además, tengo también una imagen por defecto (el logo de la web) para aquellos blogs que no tienen favicon. Una vez listas y preparadas las imágenes las he subido por ftp al servidor donde tengo alojada la web.
Lo siguiente es crear el blogroll, aunque supongo que ya lo tendrás hecho. Se hace desde el panel de administración de WordPress en la opción Enlaces.
Puedes seguir este ejemplo para poder crear tu propio blogroll.
Cuando editamos un enlace del blogroll tenemos una serie de campos a rellenar como el nombre, la url, la categoría del enlace, etc. Uno de estos campos es la dirección de la imagen asociada (se encuentra en el recuadro de Avanzado).
En este campo es donde tenemos que poner la url de las imágenes que subimos anteriormente y que asociaremos al enlace. En mi caso, asigné el favicon del blog con su enlace correspondiente. Esto se hace para cada enlace del blogroll que quieras que tenga una imagen asociada. Para el resto de enlaces (en mi caso los que no tenían favicon) no rellenaba el campo. Más adelante veremos por qué.
Una vez preparado el terreno, es hora de ponerse a picar un poco de código. Los archivos que modificaremos son functions.php, sidebar.php y style.css y que normalmente se encuentran en todos los temas de WordPress.
Creamos nuestra función personalizada
En primero crearemos la función que se encargará de generar el HTML del blogroll. La estructura que va a tener será del tipo:
[HTML]
[/HTML]
El código de la función que crearemos en el fichero functions.php es:
[PHP]function dv_bookmarks($args) {
echo ‘
- ‘;
- ‘;
echo ‘get_bookmarks().Vamos a comentar el trozo de código del else:
[PHP]echo ‘
Blogroll
$linklist = get_bookmarks($args);
foreach ($linklist as $site) {
echo ‘
me ha parecido muy bueno tu post.
enhorabuena