PHP / WordPress: agregue flechas a los menús principales

¿Es posible agregar algún tipo de clase como ‘flecha’ o un lapso dentro de los menús que tienen submenús (en WordPress)? parece que puedes hacer esto usando javascript, pero quiero saber si hay una solución PHP…

en WP 3.0, vi que los menús activos tienen las clases “principal” o “ancestro”, pero esto es solo para el menú activo, y también lo necesito para los inactivos

¡Esta funcionalidad realmente debería estar en el núcleo de WordPress!
De todos modos, eché un vistazo a la fuente de la plantilla de menú que envió en un comentario sobre la otra respuesta, y encontré una forma (bastante extraña) de agregar una clase en los elementos del menú con niños. Básicamente, subclasifica el caminante predeterminado para extender su comportamiento predeterminado. Probablemente sea mejor si lo pones en tu tema functions.php. Aquí está el código:

<?php
class Arrow_Walker_Nav_Menu extends Walker_Nav_Menu {
    function display_element($element, &$children_elements, $max_depth, $depth=0, $args, &$output) {
        $id_field = $this->db_fields['id'];
        if (!empty($children_elements[$element->$id_field])) { 
            $element->classes[] = 'arrow'; //enter any classname you like here!
        }
        Walker_Nav_Menu::display_element($element, $children_elements, $max_depth, $depth, $args, $output);
    }
}
?>

Para llamarlo, deberá agregar el walker argumento cuando llamas wp_nav_menu() en tu tema, así:

<?php 
wp_nav_menu(array('walker' => new Arrow_Walker_Nav_Menu, [other arguments...]))
?>

¡Espero que eso te funcione! Solo lo he probado superficialmente, pero parece funcionar. Avíseme si hay casos extremos en los que falla la adición de la clase.

No conozco ningún soporte nativo de WordPress para esto, pero podrías hacerlo fácilmente usando algo de jQuery.

<script type="text/javascript">
$("#menu-id ul li:has(ul)").addClass("parent");
</script>

Si es como yo y desea agregar una flecha HTML en un lapso a su elemento de menú principal, agregue una línea como esta dentro de la clase de caminante de clientes de Donald Harvey:

$element->title .= '<span class="caret down-caret">&#x25BC;</span>'; 

También puede agregar ese HTML directamente a la etiqueta del menú en la página de menú de administración de WP > pero esa no es una buena manera de hacerlo.

Escribí un poco sobre esto aquí http://cameronnokes.com/blog/agregando-un-icono-a

Simplemente pegue esto en su código css y funcionará como se esperaba.

.nav-menu li > a:after {
    color: #888;
    content: ' ▾';
}

.nav-menu li > a:hover:after {
    color: #444;
    content: ' ▾';
}

.nav-menu li > a:only-child:after {
    content: '';
}

^{PD. No olvide configurar su página UTF-8}

La forma simple y humilde de agregar el padre de la clase al menú principal si tiene un submenú

<script type="text/javascript">
jQuery(document).ready(function($) {
    $("ul.sub-menu").parents().addClass('parent');  
});
 </script>

Y el estilo es

    <style type="text/css">
       .main-navigation .parent > a, .main-navigation .parent > a:hover {
            background-image: url("images/arrow.png");
            background-position: right center;
            background-repeat: no-repeat;
     }  

    </style>

No sé cuál es la pregunta, pero podemos agregar una flecha en el menú al css como esto:

.menu li > a:after {
    color: #fff;
    content: ' ▾';
}

.menu li > a:only-child:after {
    content: '';
}