AÑADIR IMÁGENES A CUALQUIER MENÚ DE WORDPRESS

En el tutorial de hoy vamos a ver cómo introducir fotos o imágenes de cualquier tipo en vuestros menús de WordPress.

Y es que hay veces que en lugar de clicar en texto, queremos por ejemplo subir una foto principal de una categoría de producto vistosa en nuestra tienda online…o como el ejemplo de hoy: tenéis un sello de confianza y queréis ponerlo en el menú inferior justo a vuestras políticas de privacidad, cookies, etc.

Os dejo un paso a paso muy facilito, válido para cualquier tema que estéis usando en WordPress, y con muy poquito código.

Paso 1. Añadir la imagen a  la galería de WordPress

En primer lugar, añadiremos la imagen a la biblioteca de medios de WordPress con normalidad.

El objetivo es, a parte de cargarla para ser mostrada obviamente, obtener la url de la imagen.

Tened en cuenta que debéis dejarla editada de acuerdo al tamaño / proporcionalidad deseada. Por ejemplo, lo que voy a subir yo hoy es un sello de calidad, y debe ser legible y visible, pero destacar poco visualmente, y la he dejado subida a 42*42 px por ejemplo.

Paso 2. Customizar este pequeño código HTML

Lo siguiente que haremos será crear nuestro código HTML, insertando la url de la imagen que hemos subido y copiado en el paso anterior.

Paso 3. Añadir un enlace personalizado con el código HTML al menú de WordPress en el que queráis incluirla

Clicaremos en APARIENCIA – MENÚS, y seleccionaremos el menú donde queramos incluirla.

Añadiremos un ENLACE PERSONALIZADO.

En URL, pondremos una almohadilla #.

Y en texto del enlace, copiaremos el código que hemos creado.

RESULTADO

Y aquí podéis ver el resultado, una bonita imagen metida en el menú inferior de vuestra web con WordPress, con un código muy sencillito, y en pocos minutos!