Cambiar el color de un elemento del menú en WordPress

Cambiar el color de un elemento del menú en WordPress

Cómo cambiar el color de los botones del menú en WordPress con CSS

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.

Raiola Networks

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.

WordPress siempre es vendido cómo es gestor de contenido más sencillo de aprender y por ello el más utilizado para crear páginas web y tiendas online, esto es en parte porque cuenta con multitud de plantillas, plugin gratuitos y de pago.

Pero por lo que sobre todo WordPress es tan utilizado es por ser una plataforma versátil en la que con CSS y PHP se puede cambiar o añadir cualquier cosa que la web necesite, como por ejemplo personalizar la pantalla de login o incluso cambiar dónde calcula el precio una tienda online con WooCommerce.

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 *