¿Está buscando una forma sencilla de agregar íconos sociales a sus menús de WordPress? Si es así, tengo el complemento perfecto para el trabajo, Imagen de menú. Este complemento facilita agregar cualquier tipo de ícono de menú a su sitio web, que por supuesto incluye íconos sociales.
Estos íconos se han convertido en parte de casi todos los sitios web en este momento y sería un error crítico no incluirlos. Hoy, demostraré cómo agregar íconos de redes sociales a los menús de WordPress usando el complemento Imagen de menú.
¿Qué son los iconos sociales?
Los íconos sociales son imágenes asociadas con plataformas de redes sociales específicas. Por ejemplo, todos podemos reconocer Twitter por el pajarito azul o por la “f” azul y blanca.
Estos símbolos se han convertido en sinónimos del nombre real de la plataforma, y agregarlos a sus menús puede ayudar a aclarar su existencia para los visitantes. También son mucho más elegantes que simplemente agregar la palabra Twitter o .
Estos también pueden ayudar a los visitantes que no hablan el mismo idioma. Después de todo, la imagen es la misma independientemente de la región en la que vivas. Y las empresas quieren que uses el, por ejemplo, Twitter proporcionó todos sus íconos sociales a los desarrolladores de forma gratuita .
Lo mismo puede decirse de muchas otras plataformas de redes sociales. Y hay un montón de recursos gratuitos para encontrar íconos sociales.
Sin embargo, la parte complicada es agregarlos a los menús de WordPress, pero afortunadamente el complemento Imagen del menú lo hace muy fácil.
Paso 1: Instalación de la imagen del menú
La imagen del menú tiene un uso, agregar imágenes a sus menús de WordPress. Las imágenes se pueden cargar en su biblioteca de medios y admiten una variedad de tamaños. Los más notables son los tamaños de menú de 24 × 24, 36 × 36 y 48 × 48. Estos deberían funcionar para la gran mayoría de los sitios web.
Sin embargo, la opción de usar el tamaño original de la imagen está disponible, lo que significa que puede personalizarlas para que coincidan con las necesidades de su sitio web. Los íconos se pueden agregar directamente dentro del editor de menú de WordPress, por lo que debe saber exactamente dónde encontrarlos.
¡Vamos a empezar!
Haga clic en Complementos y seleccione la opción Agregar nuevo en el panel de administración de la izquierda.
Busque Imagen de menú en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.
Desplácese hacia abajo hasta que encuentre el complemento Imagen de menú. Haga clic en el botón «Instalar ahora» y active el complemento para su uso.
Tras la activación, se le dará la opción de optar por la lista de notificaciones de actualización de funciones y seguridad del complemento. Puede optar por participar si lo desea u omitirlo por completo. Esto no afectará el uso del complemento de ninguna manera.
Paso 2: elegir tamaños de imagen
El complemento viene con tres tamaños predeterminados para los iconos de su menú. Incluyen 24×24, 36×36 y 48×48 . Estos se pueden dejar solos o puede personalizar los tamaños. Estos tamaños deberían estar bien para la mayoría de los sitios web, pero nunca está de más aprender más por si acaso.
En el panel de administración de la izquierda, haga clic en Imagen de menú y seleccione la opción Imagen de menú.
Para cambiar los tamaños de imagen, simplemente cambie los valores en los cuadros de texto respectivos.
Nota: Si ya cargó una imagen después de cambiar el tamaño de la imagen, deberá volver a cargar la imagen o usar el complemento Regenerar miniaturas para obtener la imagen con el nuevo tamaño.
Haga clic en el botón «Guardar cambios» cuando haya terminado.
Paso 3: elegir una ubicación de menú
Ahora todo lo que queda es agregar los íconos sociales a sus menús. Esto se hace directamente en el editor de menús.
Nota: si ya tiene un menú al que desea agregar los íconos sociales, no dude en omitir este paso.
En el panel de administración de la izquierda, haga clic en Apariencia y seleccione la opción Menú.
Lo primero que debe hacer es asegurarse de que está seleccionando la ubicación de menú correcta. Todos los temas tienen un número diferente de ubicaciones de menú disponibles. En mi caso, el tema Twentytwenty tiene 6 opciones de menú diferentes.
Haga clic en la pestaña Administrar ubicaciones.
Esto le proporcionará todas las posibles ubicaciones de menú compatibles con su tema. En este ejemplo, seleccionaré el Menú Horizontal del Escritorio, pero el proceso es el mismo para cada uno.
Haga clic en la opción «Usar nuevo menú» en la ubicación del menú correspondiente. Alternativamente, puede seleccionar un menú existente utilizando el cuadro desplegable correspondiente.
Esto lo llevará al editor de menús y le permitirá crear uno nuevo.
Paso 4: agregar íconos sociales a los menús
La creación de un menú en WordPress sigue siendo exactamente igual a como era originalmente. Este complemento solo agrega una nueva función que puede encontrar en los elementos del menú real, que es la opción para agregar imágenes.
Primero, debe nombrar el menú y seleccionar la ubicación. Una vez que lo haga, haga clic en el botón «Crear menú».
Puede agregar el ícono a cualquier ícono de menú, pero en nuestro caso, estamos interesados en los íconos sociales. Haga clic en la opción Enlaces personalizados. Ingrese la URL de su página de redes sociales y haga clic en el botón «Agregar al menú».
Nota: No es necesario que agregue el texto del enlace al agregar el elemento del menú, pero luego agregará automáticamente el «Elemento del menú», así que asegúrese de cambiarlo.
Si necesita ubicar el ícono social que desea agregar, tómese un momento y cárguelo en su biblioteca de medios. En este caso, usaré los oficiales que puedes encontrar en Twitter de forma gratuita.
Haga clic en el elemento de menú que acaba de agregar y haga clic en el botón «Establecer imagen».
Esto abrirá la biblioteca de medios. Seleccione la imagen que desea agregar. También hay un botón «Establecer imagen al pasar el mouse». Puede agregar una imagen de color diferente para que aparezca cuando un visitante coloca el mouse sobre ella, pero esto es opcional.
Debajo de estas opciones, puede seleccionar el tamaño de la imagen. Asegúrate de elegir un tamaño apropiado (los del paso 2), de lo contrario, no se verá bien.
Ahora puede editar la posición del título (si tiene uno) y agregar una breve descripción (opcional). Puede repetir estos pasos y agregar tantos elementos de menú como desee. Haga clic en el botón «Guardar menú» cuando haya terminado.
Ahora puede ver el ícono social en sus páginas en vivo. Si las imágenes no se ven bien, verifique el tamaño.
Felicitaciones por agregar íconos sociales a sus menús de WordPress con el complemento Imagen de menú.
Otras sugerencias de iconos
Si bien los íconos sociales se han convertido en un estándar, vale la pena señalar que puede agregar una variedad de otros íconos a sus menús que no están relacionados con las redes sociales. Esto puede ayudar a los visitantes con problemas de visión a encontrar lo que buscan.
Por ejemplo, podría tener una casa real junto al elemento del menú Inicio o un carrito real junto al elemento del menú Carrito. Estos pequeños íconos se ven realmente elegantes y le dan a sus menús el estilo que necesitan para destacar.
Hacer que su sitio web sea más accesible y atractivo es beneficioso para todos los sitios web, así que comience hoy mismo.
¿Qué íconos sociales agregaste a tu menú de WordPress? ¿Qué tan fácil fue usar el complemento Imagen de menú? ¿Consideró algún otro ícono en el menú?