current-menu-item

Inicio Foros WordPress Themes y Diseño current-menu-item

Etiquetado: 

Este debate contiene 15 respuestas, tiene 3 mensajes y lo actualizó  Pedro Raul hace 7 años, 7 meses.

  • Autor
    Publicaciones
  • #19048

    ima2
    Participante

    <p>Hola.</p>
    <p>He creado un sub-menu en el sidebar de una web con las nuevas opción "Menús" que trae WP 3.0.<br />
    Si estás en la página del primer nivel, el botón de la opción seleccionada obviamente mantiene el estilo css. En este caso la opción "AMPAS" está en "current-menu-item". http://www.bige.org/es/?page_id=421<br />
    pero si accedo al segundo nivel de ese mismo apartado, por ejemplo "Asesoramiento" el botón "AMPAS" del menú principal pierde la propiedad como "current-menu-item".<br />
    ¿Alguien sabe como puedo resolver esto?… es decir, hay forma de que manteniendo la estructura creada si accedes a "Asesoramiento" etc. el botón "AMPAS" también conserve el estado de "current-menu-item"??…</p>
    <p>Un saludo y gracias</p>
    <p>Theme utilizado Twenty Ten
    </p>

  • #46324

    davidlluna
    Participante

    Buenas, tienes current_page_parent y current_page_ancestor 🙂

    Saludos

  • #46332

    ima2
    Participante

    ya se que hay current_page_parent y current_page_ancesto, pero imagino que tendré que retocar algo el código…

  • #46337

    davidlluna
    Participante

    Claro, en el CSS ( style.css ) tienes que copiar el estilo de current-menu-item en current_page_parent y current_page_ancestor

    Saludos

  • #46344

    ima2
    Participante

    si si, eso ya lo se lo que pasa es que como digo, cuando vas al segundo nivel el botón “AMPAS”pierde la propiedad.

    El css está igual.

    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
    color: #000;
    background-color: #9cc73b;
    }

    Incluyo solo 1 botón por no meter mucho código.

    Paso 1:
    http://www.bige.org/es/?page_id=421

    <div id=”access” role=”navigation”>
    <li id=”menu-item-1998″ class=”menu-item menu-item-type-custom current-menu-item menu-item-1998″>AMPAS
    </div>

    entonces, cuando Paso 2:
    http://www.bige.org/es/?page_id=473

    <div id=”access” role=”navigation”>
    <li id=”menu-item-1998″ class=”menu-item menu-item-type-custom menu-item-1998″>AMPAS
    </div>

    y en el sidebar

    <div id=”secondary” class=”widget-area” role=”complementary”>
    <ul class=”xoxo”>
    <li id=”menu-item-1981″ class=”menu-item menu-item-type-post_type current-menu-item page_item page-item-473 current_page_item menu-item-1981″>Asesoramiento
    </div><!– #secondary .widget-area –>

    el botón “AMPAS” de #access pierde su propiedad

  • #46346

    davidlluna
    Participante

    Vaya, el CSS está ok, pero no te está generando la clase parent ni ancestor en el class del li …puedes pegar la parte de código de la plantilla que usas para generar el menu?

  • #46347

    ima2
    Participante

    la del menú principal no la he tocado, utilizo lo del theme.
    si te refieres a las del menú de la barra lateral son:

    page2.php: http://www.bige.org/page2.txt
    que llama a sidebar2.php: http://www.bige.org/sidebar2.txt

    Por orientarte algo mas… Igual es que estoy utilizando mal la nueva función de menús de WP 3.0 pero creo que no.
    Una vez creado el menú, como tengo instalado el plugin Per Page Sidebar creo el menú personalizado desde los widgets.
    http://www.bige.org/captura1.jpg
    http://www.bige.org/captura2.jpg

  • #46351

    davidlluna
    Participante

    Oki, ya veo, lo que pasa es que [b]Asesoramiento[/b] no es realmente hijo de [b]AMPAS[/b] en la estructura de páginas, por eso te pierde el parent.

    Tienes que meter Asesoramiento como hijo de AMPAS, y en el wp_nav_menu del header tienes que poner depth=1 para que no te genere los submenus

    Ya me dices

    Saludos

  • #46394

    ima2
    Participante

    si, ya había dado la condición de AMPAS como parent del resto, pero al no funcionar lo había quitado. No obstante lo he vuelto a poner: http://www.bige.org/captura3.jpg

    el header ahora tiene: <?php wp_nav_menu( array( ‘depth’ => 1, ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
    no se si está bien o mal, pero al bajar de nivel el botón “AMPAS” sigue sin coger la propiedad.

  • #46413

    davidlluna
    Participante

    Buenas, he intentado reproducir lo que te pasa instalando incluso el Per Page Sidebar, pero no hay forma, si [b]Asesoramiento[/b] es hijo de AMPAS en la estructura de páginas, AMPAS no pierde el current_page_parent al mostrar [b]Asesoramiento[/b], usando una instalacion fresca de 3.0.1

    Mira a ver si tuvieras algún plugin que esté interfiriendo con wp_nav_menu, si desactivas todos los plugins te sigue ocurriendo?

    Saludos!

  • #46458

    ima2
    Participante

    vaya, que desesperación!!…

    Además de “Per Page Sidebar” solo tengo instalado el plugin “Ad Squares Widget”, que como me indicas he probado a desactivarlo y sigue sin funcionar.

    Muchas gracias de todos modos.

  • #46459

    Pedro Raul
    Participante

    jejej si esta facil. revisa la clase del menu una vez estado en el submenu. añade esa clase faltante a tu css
    .

    Saludos.

  • #46499

    ima2
    Participante

    Hola Pedro.

    Perdona, pero no entiendo lo que explicas. Me lo puedes concretar mas??.

    Gracias.

  • #46508

    davidlluna
    Participante

    jejej si esta facil. revisa la clase del menu una vez estado en el submenu. añade esa clase faltante a tu css
    .
    Saludos.

    Pedro, leete mejor todo el hilo 🙂 yo caí en el mismo error, el problema no es de CSS

  • #46583

    ima2
    Participante

    Ya está resuelto el problema, gracias a las indicaciones de Lluna y Pedro.

    El asunto era que inicialmente “Asesoramiento, Formación etc” no tenían puesto los atributos de página en este caso “AMPAS” como superior. Tan solo tenía en cuenta el orden asignado en el panel con la nueva función “Apariencia/Menus”. Esto hacía que no se generaba el código HTML necesario. Cuando lo he cambiado WordPress se que lo generaba.
    Señalar que inicialmente en el css esta definido para current-menu-parent.
    Sin embargo en el html del menu sale current_page_parent.
    Solución: se añade current_page_parent con las propiedades necesarias en el css.

    Un saludo y gracias de nuevo a los dos.

  • #46589

    Pedro Raul
    Participante

    Eso mismo.

    Me da gusto ver a la gente que camina.

    Saludos

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest