Añadir botones redes sociales a WordPress de forma fácil

botones redes socialesRecientemente 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;

http://www.nombredeldominio.com/imagenes/nombredelaimagen.xxx

 En el caso de mi blog la ruta es http://www.reactancia.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;”></a>

 

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.captura-widget-botones

 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>


Comentarios

  1. Muchas gracias Miguel por la información tan detallada.¡Buen trabajo!
    Voy a intentarlo para mi Blog.

    🙂

Trackbacks

  1. […] unos meses publiqué un post sobre como añadir los botones de redes sociales a WordPress. En aquella ocasión indiqué como hacerlo añadiendo una imagen por cada red social, sin embargo, […]

Opina

*

Blog personal Miguel Molina Alen | Psicología, Marketing, Actualidad TIC

Utilizamos cookies para ofrecer mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de nuestra política de cookies, pinche el enlace para más información. ACEPTAR

Aviso de cookies