How To Add Social Media Icons In Menu

Cómo agregar íconos de redes sociales a los menús de WordPress

¿Quieres agregar íconos de redes sociales a tu menú de WordPress? Si bien WordPress no viene con una sección de perfiles de redes sociales, puede usar fácilmente los menús de navegación de WordPress para agregar y mostrar iconos de redes sociales en cualquier área lista para widgets en WordPress. En este artículo, le mostraremos cómo agregar íconos de redes sociales a los menús de WordPress.

¿Por qué debería agregar íconos de redes sociales a los menús?

La mayor ventaja de agregar íconos de redes sociales usando los menús de WordPress es que tiene la capacidad de cambiar el orden en que aparecen con una simple interfaz de arrastrar y soltar. Si bien puede utilizar plugins de terceros para mostrar iconos de redes sociales en su barra lateral, la mayoría de estas soluciones no son tan flexibles. Además de la interfaz fácil de arrastrar y soltar, cuando agrega íconos de redes sociales a los menús de WordPress, puede mostrarlos en cualquier área lista para widgets de su sitio, incluida la barra lateral, el área de pie de página, debajo de las publicaciones, etc. Dicho esto, echemos un vistazo a cómo agregar fácilmente íconos de redes sociales a los menús de WordPress.

Video tutorial

Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.

Agregar iconos de redes sociales a los menús de WordPress

Lo primero que debe hacer es instalar y activar el plugin del menú Imagen. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, debe visitar Apariencia »Menús página y cree un nuevo menú.

Nuevo Menú Social
Luego, debe agregar enlaces personalizados para cada canal de redes sociales por separado en su nuevo menú social. Notará que hay una opción de botón de imagen de menú debajo de cada elemento del menú. Puede usarlo para cargar su ícono de red social aquí.
Establecer Icono De Menú
Le permite descargar un ícono diferente al pasar el mouse con la imagen del ícono principal para que se muestre al pasar el mouse. Después de eso, puede seleccionar un tamaño para el ícono social. Hay varias opciones para el tamaño de la imagen. Asegúrese de seleccionar el mismo tamaño para todos los íconos en su menú social, para no romper el área del menú.
Tamaño Del Icono Social
Luego, debe seleccionar una posición para mostrar el nombre de cada canal social con su ícono. Si solo desea mostrar el ícono social sin etiquetas, debe seleccionar la opción «Ocultar» en la configuración de Posición del título.
Posición Del Título Del Menú
Simplemente repita lo mismo para agregar tantos íconos sociales como necesite. Una vez que haya terminado de agregar elementos del menú, debe seleccionar dónde mostrar su menú social y hacer clic en el botón « Guardar menú ».
Ubicación De Visualización Del Menú
Ahora puede visitar su sitio web para ver los iconos de redes sociales en su menú de WordPress.
Menú De Redes Sociales
También puede agregar el menú de íconos sociales en su barra lateral de WordPress. Solo ve a Apariencia »Widgets y arrastre el widget «Menú de navegación» al área de widgets de la barra lateral.
Menú Social En El Widget
En el menú desplegable Seleccionar menú, debe seleccionar el menú social que creó anteriormente y hacer clic en el botón «Guardar».
Menú Social En La Barra Lateral
Notar: La imagen de arriba se muestra solo como ejemplo. Para que el widget se vea exactamente así, necesitará agregar algo de CSS personalizado. Es todo. Esperamos que este artículo te haya ayudado a aprender a agregar íconos de redes sociales a los menús de WordPress. También puede consultar nuestra guía sobre cómo diseñar los menús de navegación de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply