Blog de Actualizatunegocio

www.actualizatunegocio.es

" Blog sobre Internet, Tecnología y Negocio para empresas y público general "

Poner iconos con enlace a redes sociales en un Menu en WordPress

IconosmenuEn WordPress existen muchos plugins que te permiten poner los iconos con enlaces a redes sociales en las entradas, tanto abajo, como arriba o en barras flotantes, animadas, con personalización etc…

También les hay para poner estos iconos en páginas, en cabeceras, en pie de página, en widgets, etc… Incluso algunos temas traen espacios específicos ya programados para poder insertarlos.

Pero otra opción que yo al menos no suelo ver a menudo es poner los propios iconos y los enlaces en los propios Menus de WordPress (los que te permita el Tema y colocados donde te permita poner estos Menus). Es muy fácil y muy intuitivo para el que navega el ver los iconos y sus enlaces en el propio Menu junto al resto de elementos del Menu, por ejemplo tras la página Contacto que suele ser la última del Menu principal.

Bien, esto es tan sencillo como definir un nuevo elemento de Menu como un Enlace. En el link del enlace pongo el link a la red social (Facebook, Twiter, You Tube, Linkedin, etc…) y en la etiqueta de navegación, en vez del texto pongo la etiqueta html:

<img src =”ruta del icono de la red social guardado previamente”></a>

En las comillas pongo la ruta de la imagen del icono que previamente habré subido a la libreria multimedia de mi wordpress (si le dais a editar imagen una vez subida, te sale la ruta que es la que debes poner ahí).

A que ha sido fácil?

 

www.actualizatunegocio.es

  • andrea comentó:

    Hola, la verdad es que despues de horas y horas buscando en Internet como añadir los enlaces a mi menu tu entrada es de las más sencillas. El problema es que he hecho lo que dices pero si entras a mi web verás que efectivamente se han subido los enlaces pero los iconos de los enlaces no se visalizan correctamente, si no que aparece una imagen como de imagen rota, y eso que como dices he subido los iconos a mi galeria multimedia y he puesto los enlaces uqe aparecen cuando le das a editar. Podrias ayudarme?

    • admin comentó:

      Hola Andrea, perdona la tardanza pero he estado unas semanas “desconectado”. Veo que ya has conseguido poner los iconos correctamente. Lo que hay que hacer es con cualquier programa (paint, paint.net…) de graficos, reducir la imagen hasta un tamaño que “quepa” en el alto designado por la plantilla para la etiqueta del Menu (puedes ver las caracteristicas de la etiqueta p.ej con Firefox poniendote ahi y boton dcho— inspeccionar elemento). Otra opcion sería en los estilos cambiar ese alto para hacerlo mayor y asi poner iconos más grandes pero eso es un poco más dificil.

      Gracias de nuevo por tu comentario
      http://www.actualizatunegocio.es

  • Jessica Ramirez Alzate comentó:

    Muchas Gracias !!!

  • Yolanda comentó:

    Hola, he conseguido ponerlos, y van muy bien, pero me pregunto cómo puedo hacer para que se abran en una página diferente, en lugar de sustituir la página del blog?
    Está “en construcción”, le estoy dando forma antes que contenido.
    Qué ventajas tiene los iconos en menú sobre los iconos en widget? Tengo puestos los dos hasta que me decida 🙂
    Gracias!

    • admin comentó:

      Gracias por visitarnos Yolanda. Para conseguir que se abra el link en una ventana nueva del navegador tienes que quitar el link de la red social que pusiste en el link del enlace del Menu y añadir en la etiqueta de navegación al código que pone en el post y justo delante lo siguiente: <A HREF=”url de mi red social” TARGET=”_new”>
      Respecto a la ventaja respecto a widget pues pueden ser varias, p.ej hay temas wordpress que solo ponen los widget de redes en las paginas internas, no en la Inicio. Tambien puede ser por estética y usabilidad. Simplemente es otra forma de incorporar esto a la web, que es muy poco usada.
      http://www.actualizatunegocio.es

  • Maysfel comentó:

    Muy agradecida por tu ayuda! Este post me ha venido como anillo al dedo… pasé dos días intentando hacer lo que tú, tan fácil y didácticamente explicas… mi más sincero agradecimiento!

    • admin comentó:

      Gracias a ti por visitarnos

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

*