Cómo crear este menú en WordPress

Esa es una pregunta un poco confusa. WordPress es lo que almacena sus datos, HTML / CSS es lo que decide cómo se ve. Entonces, ¿estás tratando de agregar imágenes a los enlaces de tu página en WordPress?

Si es del lado de WordPress y ya tiene una cuadrícula, busque the_post_thumbnail (); que obtiene la imagen destacada de una publicación. Hay variaciones para obtener solo la URL si no necesita todo el elemento .

Y si te refieres al diseño, entonces hay un poco más de trabajo y deberías buscar una cuadrícula en HTML. Esencialmente, hará que cada sea un elemento de bloque flotante que tenga un 33% de ancho y flote transparente en cada tercer elemento utilizando un: nth-child (3n + 1). También puede igualar las alturas en todos los elementos para que sea uniforme.

Si no le preocupa demasiado la compatibilidad con el navegador, también puede consultar la nueva especificación CSS Flexbox. Esto es muy fácil y se adapta a todo tipo de aplicaciones de cajas flexibles.

Podemos crear el menú de navegación con imagen simplemente agregando clase a ese menú.

Aquí está la guía paso a paso para cumplir con sus requisitos.

Paso 1: agrega una clase CSS

Paso 2: agregue cada clase al menú donde desea agregar la imagen

Paso 3: Agregar iconos al menú de navegación CSS

Paso 4: para cada menú, podemos crear imágenes o íconos como a continuación

¡¡¡Eso es!!!

Gracias a todos por responder, pero yo mismo he encontrado la respuesta.

Lo que hice fue poner este código en el archivo header.php justo antes del código del menú principal

.top-right li {
flotador izquierdo;
margen: 0 5px 0 0;
borde derecho: 1px sólido # 666;
relleno: 0 5px 0 0;
altura de línea: 11px;
}

.top-right li.last {
borde: ninguno;
margen: 0! importante;
}

Puede llamar el nombre de la categoría y las imágenes en la navegación.

Asigne Float y aumente el ancho de la columna.

Si su tema no tiene una ubicación de menú o área de widget ya definida allí (que de la documentación no tiene), necesitaría modificar el tema para agregar uno (o contratar a alguien).

Dependiendo de lo que desee allí (un menú personalizado, un menú desplegable, íconos sociales, etc.) la dificultad y los métodos variarán.

Parece que estás usando el tema WP Zoom Academica. Tienen una excelente documentación sobre cómo configurar el menú. Mire el video y vea si eso ayuda con la pregunta: http://www.wpzoom.com/documentat …