Sácale partido a los Menús en TwentyTen: Dales color

Una de las novedades de WordPress 3.0 es -vamos por parte, dijo Jack el destripador -el cambio de Theme por defecto a TwentyTen, y la inclusión en el core de un cómodo menú.

Pero, ¿Cómo le podemos sacar buen partido a dicho menú, y sobre todo a TwentyTen?

Puesto que aún en el Códex no vemos como manejar bien estos menús, sí podríamos verlo observando bien los diseños que los están implementando. El problema es que hasta ahora sólo lo ha hecho Sufussion, con una intrincada programación que no es amigable con aquellos que nos hemos metido a aprender WordPress sólo para poder personalizar a mayor profundidar nuestro espacio en Internet.

¿Qué hacemos por ahora? La opción que nos queda es sacarle el jugo a la implementación del menú que se ha hecho en TwentyTen. Y qué mejor que ir a la hoja de estilos de 2010, ir al final de la sección de menús y pegar lo que sigue:

#access .rojo, #access .rojo a {
background-color:#FF0000;
color:#CCC;
}
#access .verde, #access .verde a {
background: #5efc2c;
}
#access .azul, #access .azul a {
background: #2c42fc;
}
#access .amarillo {
background: #fcec2c;
}
#access .naranjo {
background: #fc732c;
font-color:#000;
}

Observe usted que en algunas reglas de css hemos añadido también «#access .color a«. Esto provoca que todo el menú desplegable muestre el color seleccionado.

Presento este esquema, pero es extensible a gusto.

Una vez colocado el añadido CSS, nos falta ir a la sección de Menús, (Apariencia > Menús) Desplegar uno de los elementos, y en «CSS Classes - Optional»  colocamos el color de la regla que hemos definido.

Nos quedará algo así, si vamos asignando a cada menú el color que deseemos.

Comparto esto, para que no les sea el menú tan gris. Y poder trasplantar el código de los menús a nuestros propios temas, pero atribuytendo autoría a los creadores del tema donante, obvio

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

4 comentarios en “Sácale partido a los Menús en TwentyTen: Dales color”

  1. Pingback: WordPress 3.0 final disponible – Todo lo que debes saber | Ayuda WordPress

  2. Pingback: wordpress 3.0 y sus novedades | TAito Personal´s BLog

  3. Hola que tal tengo instalada la nueva version de wordpress, pero cuando quiero personalizar, no muestra la opcion css clases, como hago para abilitarla?

    1. amigo desde la opciones de pantalla (arriba a la derecha en tu dashboard, estando en la edicion de menus xd) debes habilitarla por defecto no viene activa

Deja un comentario

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

 

Ir arriba Ir al contenido