Recientemente añadí en el blog unos botones que enlazan a mis redes sociales y al RSS. Tras probar varios plugins decidí que lo más sencillo y que menos recursos consumía era añadir el código HTML manualmente.
Para ello lo primero que hay que hacer es subir las imágenes de los *botones a nuestro servidor en alguna carpeta donde las tengamos localizadas (por ejemplo /imagenes) de forma que accederemos a las imágenes a través de la ruta:
https://www.nombredeldominio.com/imagenes/nombredelaimagen.xxxEn el caso de mi blog la ruta es https://www.miguelmolinaalen.com/imagenes/linkedin.png
*Puedes descargar las imágenes de los botones en el siguiente enlace
Después hay que enlazar cada imagen con su correspondiente red social utilizando el siguiente código HTML:
<a href="dominio al que queremos enlazar" target="_blank"> <img src="dirección url de la imagen" style="width:32px;height:32px;">
En width y height debemos indicar el tamaño en pixeles de la imagen. En el caso de los botones que he utilizado en mi blog es 32×32. Si queremos que el enlace se abra en la misma ventana basta con eliminar el código target=»_blank»
El código HTML se puede editar en cualquier procesador de texto, pero recomiendo utilizar un editor específico para programación como el PsPad que es gratuito.
Para añadirlo en wordpress debemos entrar en el panel de administración ->Apariencia ->Widgets y arrastrar el widget texto. En el widget texto debemos introducir el código, tal como se muestra en la imagen.
Por último para alinear los botones a la derecha, izquierda, o centrarlos escribiremos <DIV ALIGN=right> o <DIV ALIGN=left> o <DIV ALIGN=center> al inicio, y cerrando con </DIV>