Anular widget de menú personalizado

2

Me gustaría anular algunos estilos de marcado y css (como <div class="soma_container"><ul class=""></ul></div> ) en un widget de menú personalizado elegido. ¿Como podría hacerlo? Debería estar enganchado como la navegación principal en functions.php o si hay un buen tutorial sobre esto sería realmente apreciado

Creo que algunas de las cosas que puedo hacer en el widget poition init

  register_sidebar(array(
    'name'          => __('Sidebar Menu', 'roots'),
    'id'            => 'sidebar-primary',
    'before_widget' => '<section class="widget %1$s %2$s">',
    'after_widget'  => '</section>',
    'before_title'  => '<h3>',
    'after_title'   => '</h3>',
  ));

pero, ¿cómo se anularía la lista css para el menú personalizado?

    
pregunta fefe 21.05.2014 - 12:39

2 respuestas

4

Ok, aquí vamos. Extendí el widget de navegación predeterminado para usted. Agrega esto a tu archivo de funciones de temas. Una vez que hayas hecho esto, ve a los widgets en tu panel de control y verás un widget llamado 'Matt Royal Custom Menu' ahora. Utiliza este.

En el código de abajo, la clase div se agregó como usted especificó y puede usar cualquier argumento en la función wp_nav_menu ($ args). Puede encontrar todos los argumentos que puede pasarle en el Códice de WordPress: enlace

// MattRoyal Custom Navigation Menu widget class

     class Royal_Nav_Menu_Widget extends WP_Widget {

        function Royal_Nav_Menu_Widget() {
            $widget_ops = array( 'description' => __('Add a custom menu to your sidebar.') );
            parent::__construct( 'nav_menu', __('Matt Royal Custom Menu'), $widget_ops );
        }

        function widget($args, $instance) {
            // Get menu
            $nav_menu = ! empty( $instance['nav_menu'] ) ? wp_get_nav_menu_object( $instance['nav_menu'] ) : false;

            if ( !$nav_menu )
                return;

            /** This filter is documented in wp-includes/default-widgets.php */
            $instance['title'] = apply_filters( 'widget_title', empty( $instance['title'] ) ? '' : $instance['title'], $instance, $this->id_base );

            echo $args['before_widget'];

            if ( !empty($instance['title']) )
                echo $args['before_title'] . $instance['title'] . $args['after_title'];

            wp_nav_menu( array( 'fallback_cb' => '', 'menu' => $nav_menu, 'container_class' => 'soma_container', 'menu_class' => 'some_list', ) );

            echo $args['after_widget'];
        }

        function update( $new_instance, $old_instance ) {
            $instance['title'] = strip_tags( stripslashes($new_instance['title']) );
            $instance['nav_menu'] = (int) $new_instance['nav_menu'];
            return $instance;
        }

        function form( $instance ) {
            $title = isset( $instance['title'] ) ? $instance['title'] : '';
            $nav_menu = isset( $instance['nav_menu'] ) ? $instance['nav_menu'] : '';

            // Get menus
            $menus = wp_get_nav_menus( array( 'orderby' => 'name' ) );

            // If no menus exists, direct the user to go and create some.
            if ( !$menus ) {
                echo '<p>'. sprintf( __('No menus have been created yet. <a href="%s">Create some</a>.'), admin_url('nav-menus.php') ) .'</p>';
                return;
            }
            ?>
            <p>
                <label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:') ?></label>
                <input type="text" class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" value="<?php echo $title; ?>" />
            </p>
            <p>
                <label for="<?php echo $this->get_field_id('nav_menu'); ?>"><?php _e('Select Menu:'); ?></label>
                <select id="<?php echo $this->get_field_id('nav_menu'); ?>" name="<?php echo $this->get_field_name('nav_menu'); ?>">
                    <option value="0"><?php _e( '&mdash; Select &mdash;' ) ?></option>
            <?php
                foreach ( $menus as $menu ) {
                    echo '<option value="' . $menu->term_id . '"'
                        . selected( $nav_menu, $menu->term_id, false )
                        . '>'. esc_html( $menu->name ) . '</option>';
                }
            ?>
                </select>
            </p>
            <?php
        }
    }

    add_action('widgets_init', create_function('', 'return register_widget("Royal_Nav_Menu_Widget");'));
    
respondido por el Matt Royal 21.05.2014 - 13:29
0

Sin extender el widget predeterminado y crear su propio widget personalizado a partir de él, no estoy seguro de que pueda hacerlo.

Aquí hay un plugin que permite una cantidad significativa de control aquí y debería funcionar para lo que deseas hacer.

    
respondido por el Matt Royal 21.05.2014 - 13:00

Lea otras preguntas en las etiquetas