Añadir íconos de redes sociales en WordPress.com

En WordPress.com, como ya sabemos, hay más limitaciones a la hora de agregar funcionalidades o extras al sitio. Y un «extra» que siempre viene perfecto es la posibilidad de agregar íconos enlazados con nuestras redes sociales o las de nuestro sitio. En la plataforma de Automattic lo puedes hacer de dos maneras:

  1. Si quieres hacerlo de manera fácil, usando el Widget de íconos sociales
  2. Y un poquito más dificil, pero eso sí, más personalizable, de la manera que voy a mostrar a continuación.

social-media-buttons1

Con este método puedes usar los íconos que desees, como éstos que Wordpress.com puso a disposición de los usuarios. Por la web es posible encontrar miles de estos logotipos, una sencilla búsqueda en Google lo demuestra.

Es muy fácil añadir estos íconos con el Widget de texto y un poco de HTML:

Primero, debes subir los logotipos que desees usar a tu sitio, yendo a Medios>Añadir nuevo.

Después, con un poco de HTML y shortcodes, agrega los íconos a un widget de texto:

<div><a href="<strong>[enlace de la cuenta de Twitter]</strong>"><img title="Twitter" src="<strong>[ícono de Twitter]</strong>" alt="Twitter" width="35" height="35" /></a>
<a href="<strong>[enlace de la cuenta de Pinterest]</strong>"><img title="Pinterest" src="<strong>[ícono de Pinterest]</strong>" alt="Pinterest" width="35" height="35" /></a> 
<a href="<strong>[enlace de tu página de Facebook]</strong>"><img title="Facebook" src="<strong>[Ícono de Facebook]</strong>" alt="Facebook" width="35" height="35" /></a> 
<a href="mailto:<strong>[dirección de correo electrónico]</strong>"><img title="Email" src="<strong>[ícono de correo electrónico]</strong>" alt="Email" width="35" height="35" /></a>
<a href="<strong>[enlace a tu feed RSS]</strong>"><img title="RSS" src="<strong>[ícono RSS]</strong>" alt="RSS" width="35" height="35" /></a></div>

Reemplaza el texto entre corchetes por la URL de la cuenta o el ícono correspondiente. Puedes agregar tantas cuentas como desees. Espero que sea de utilidad.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(21 votos, promedio: 3.3)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

10 comentarios en “Añadir íconos de redes sociales en WordPress.com”

    1. Por favor, lee el post completo. Te estan dando varios metodos, entre ellos la inserción de los iconos mediante el widget de texto… no es muy respetuoso por tu parte hacer esos comentarios sin terminar de leer; si dices que terminaste de leer, no es muy respetuoso por tu parte hacer esos comentarios sin comprender la lectura ¿dices que terminaste de leer y comprendiste la lectura por completo? disculpa pero eso si no me lo puedo creer, puesto que de ser asi no hubieras hecho ese comentario.

      Recuerda que hay varios niveles entre los usuarios de WordPress y los tutoriales estan clasificados en niveles; para comprender algo en su totalidad debes conocer los distintos metodos para alcanzar el objetivo, aunque algunos se te puedan hacer sumamente obvios no son tan obvios para todos.

      Saludos!

      1. Concuerdo con vos, Xavier. Tal vez a algunos no se les ocurrió esto, o simplemente no sabían como hacerlo. Ademas, WordPress.com agrega estilos automáticos a estos íconos, para que se vean uno al lado del otro, y no arriba del otro.

      2. ¿Exactamente dónde ves tú una falta de respeto? A ver si eres tú quien no comprende…

        Insisto: con plugins, widgets o «a pelo», imágenes enlazadas a urls. Ni más, ni menos.

        1. ¿Comentar una entrada diciendo en otras palabras «pero que tonteria es esta» no es una falta de respecto? no es lo mismo decir «yo prefiero este metodo» a decir «por favor, no digas tonterias, yo si que soy listo…».

          Es viable tu opinión acerca de las imágenes enlazadas, pero hay tambien insisto: Para comprender algo en su totalidad debes conocer los distintos metodos para alcanzar el objetivo.

          Saludos!

          1. Haz el favor de no asignarme palabras ni pensamientos que yo no he escrito. Tú no tienes ni idea de lo que yo pienso o supongo, flamer.

          2. Pues lamento no poder hacerte ese favor, eso es lo que cualquiera puede interpretar en tus palabras y eres responsable de hacerte entender para que los demas se hagan una idea de lo que piensas o supones.

            Saludos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido