Como añadir los iconos de redes sociales a tu blog de wordpress

Una de las principales maneras de aumentar el número de seguidores en las Redes Sociales es poniendo enlaces a las redes en diferentes sitios para hacerlas más visibles. Hace tiempo vimos como añadirlos a tu firma en el correo de Gmail así cada vez que mandas un mail estás haciendo “publicidad” de tus redes. Pero si hay un lugar donde son imprescindibles es en el blog. Por eso, hoy vamos a ver como introducir los iconos de las redes sociales a tu blog de wordpress.

iconos redes sociales

Pasos a seguir:

1. Busca unas imágenes que te gusten ya que hay mucha variedad, en mi caso por ejemplo, la diseñadora me hizo unos iconos similares a la cabecera y que son diferentes a los que se suelen ver.

2. Sube los iconos al blog como si fueras a subir una fotografía normal.

3. En el escritorio ve a “Apariencia”- “widgets”, o directamente si te pones sobre el desplegable del escritorio te aparecerá la opción de ir a “widgets”. En los widgets disponibles vemos la posibilidad de añadir uno de texto. Lo arrastramos a la “Barra lateral principal” y lo colocamos en la altura que queramos.widget de texto4. En el Widget de texto vemos dos cajas, una para poner el título. Puedes poner el que quieras, yo por ejemplo he puesto “También estamos en”. Y en la otra irá el texto. Aquí llega la parte un poco más complicada ya que hay que añadirlo en html. Pero con la plantilla que te dejaré a continuación no tienes porque tener ningún problema, sólo tienes que cambiar las url´s por las tuyas.

widget de texto

Para completarla vas a necesitar las URL de tus perfiles en las redes Sociales que quieras añadir y, la dirección de las imágenes de los iconos que has subido en el paso 2 a la web.

Para conseguir la dirección de la imagen, debéis de ir al escritorio y abrir la pestaña de “Medios”, después “librería multimedia” y aparecerán todas las imágenes que tenéis subidas a la web. Busca la imagen del icono que quieras, haz clic sobre ella y se abrirá en una pantalla, después, ponte sobre ella y con el botón derecho selecciona “copiar dirección de imagen”.

iconos redes sociales

Coger url de la imagen

Una vez tengas todas las url´s sólo tienes que sustituirlas en la siguiente plantilla:

<a href=»URL DEL PERFIL DE TWITTER» target=»_blank»><img src=»DURECCION DEL ICONO DE TWITTER» width=48 height=48 alt=»Síguenos en Twitter» /></a>

<a href=»URL PAGINA DE FACEBOOK» target=»_blank»><img alt=»Siguenos en Facebook» src=»DIRECCION ICONO DE FACEBOOK» width=48 height=48 /></a>

<a href=»URL PERFIL PINTEREST» target=»_blank»><img alt=»Siguenos en Pinterest» src=»DIRECCION ICONO PINTEREST» width=48 height=48 /></a>

<a rel=»author» href=»URL PERFIL GOOGLE+» target=»_blank»><img alt=»Siguenos en Google+» src=»DIRECCION ICONO GOOGLE+» width=48 height=48 /></a>

<a href=»URL PERFIL LINKDIN» target=»_blank»><img alt=»Siguenos en Linkedin» src=»DIRECCION ICONO LINKEDIN» width=48 height=48 /></a>

<a href=»URL PERFIL INSTAGRAM» target=»_blank»><img alt=»Siguenos en Instagram» src=»DIRECCION ICONO INSTAGRAM» width=48 height=48 /></a>

Elimina los textos de las redes que no te interesen y si quieres añadir alguna otra sólo tienes que cambiar el “síguenos en…”

Es importante que retoques los iconos antes de subirlos para que no ocupen mucho espacio en el servidor, fíjate que las medidas que vamos a usar es de 48×48 así que con que tengan esta media sería suficiente.

Una vez los hayas añadido, ve a la página principal para ver si están situados donde tu querías, si no es así, sólo tienes que desplazar el widget de texto donde tu quieras. Ah, y no se te olvide comprobar que funcionan bien todos los enlaces.

Espero que os haya servido de ayuda y si tenéis alguna duda, estaré encantada de echaros una mano.

 

Si te ha parecido interesante o te ha servido de ayuda, puedes suscribirte gratuitamente al blog y compartir su contenido, te estaré muy agradecida.

2 comentarios en “Como añadir los iconos de redes sociales a tu blog de wordpress”

Deja un comentario