Cambiar el color de un elemento del menú en WordPress

En ocasiones nos puede interesar cambiar el color de un elemento del menú en WordPress para resaltarlo y hacerlos más vistosos para el usuario.

También los podemos usar para animarles a realizar alguna acción como registrarse, llamar o reservar algún producto.

Posicionamiento SEO avanzado

El menú de navegación es uno de los elementos más importantes de una web.

Ya que todo en un diseño web debe estar bien estructurado para mejorar la experiencia del usuario y sobre todo hacerme la vida más fácil.

Por ese motivo te voy a enseñar cómo cambiar el color de un elemento del menú en WordPress, Así que vamos a ello.

1. Añadir CSS adicional

Vamos a cambiar el color a un elemento del menú añadiendo clases CSS y añadiremos un icono para hacer nuestra web más profesional y vistosa y de esta manera conseguir que el usuario fije inmediatamente la vista a las pestañas del menú que nos interesa de una forma fácil y sencilla.

Páginas entradas productos
Para ello tenemos que ir al panel de administración de WordPress y entrar en la pestaña Apariencia/personalizar entre las opciones laterales del panel.

Una vez dentro de esta sección vamos a ir a la CSS adicional, donde vamos a añadir el siguiente código.

2. Vamos a crear un bonito botón con fondo verde.

.boton-verde {
text-decoration:none;
background-color:#fa5a1e;
}

Publicaciones Similares

Un comentario

  1. Hola Javier, muchas gracias por este artículo. Lo he empleado y todo perfecto, salvo una cosa, cuando navego de la home a otra página el icono que he introducido desaparece… sabes por qué puede ser?

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.