Beiträge von The-Exception

The-Exception

Hallo liebe Community,

ich habe folgendes Problem. Ich entwickle gerade ein Worpress Theme das (wahlweise) das Twitter Bootstrap Framework in Verison 3.3.5 inkludiert. Dementsprechend möchte ich auch dass das Menü auf bootrap aufbaut. So weit so gut. Dank des github nutzers Twittem auch kein Problem (dachte ich), denn er schrieb ja bereits eine passende php class, die das auch recht ordentlich umsetzt.

Jetzt möchte ich aber ein Megamenu erzeugen. - Alles klappt aber mein Problem sind die levels bzw. das Einstiegslevel.
Im grunde muss für das Megamenü jeder Menüpunkt "einzeln gewalked" werden. Inzwischen wird das verstehen für mich immer konfuser.

Ich poste anschließend mal das HTML Markup wie ich was mit wünsche, dass es der Walker erzeugen, soll - dann was er erzeugt und den Quellcode anbei.

Diese Struktur wünsche ich mir ( Minus das was nicht teil des Menüs ist - also die Bilder, das Carousel etc. spielen für mein Verständnis keine Rolle)

HTML

<ul class="nav navbar-nav">
                <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>


                    <ul class="dropdown-menu mega-dropdown-menu row">
                        <li class="col-sm-3">
                            <ul>
                                <li class="dropdown-header">New in Stores</li>
                                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                    <div class="carousel-inner">
                                        <div class="item active"> <a href="#"><img src="http://placehold.it/254x150/3498db/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 1"></a>


                                            <h4><small>Summer dress floral prints</small></h4>
                                            <button class="btn btn-primary" type="button">49,99 €</button>
                                            <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>
                                        </div>
                                        <!-- End Item -->
                                        <div class="item"> <a href="#"><img src="http://placehold.it/254x150/ef5e55/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 2"></a>


                                            <h4><small>Gold sandals with shiny touch</small></h4>
                                            <button class="btn btn-primary" type="button">9,99 €</button>
                                            <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>
                                        </div>
                                        <!-- End Item -->
                                        <div class="item"> <a href="#"><img src="http://placehold.it/254x150/2ecc71/f5f5f5/&text=New+Collection" class="img-responsive" alt="product 3"></a>


                                            <h4><small>Denin jacket stamped</small></h4>
                                            <button class="btn btn-primary" type="button">49,99 €</button>
                                            <button href="#" class="btn btn-default" type="button"><span class="glyphicon glyphicon-heart"></span> Add to Wishlist</button>
                                        </div>
                                        <!-- End Item -->
                                    </div>
                                    <!-- End Carousel Inner -->
                                </div>
                                <!-- /.carousel -->
                                <li class="divider"></li>
                                <li><a href="#">View all Collection <span class="glyphicon glyphicon-chevron-right pull-right"></span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav">
                <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection 2<span class="glyphicon glyphicon-chevron-down 


<!-- Der nächste durchlauf....  -->


                </li>
            </ul>
        </div>
        <!-- /.nav-collapse -->
    </nav>
</div>

Alles anzeigen

Bei der Erzeugung fehlt das </ul><ul> bei jedem first Child - also im Grunde müsste die klasse ja zu jedem First child "walken" und ich weiß nicht wie ich das bewerkstelligen kann. Ich bitte euch freundlichst im Hilfe.

Hier ist mein Walker:

PHP

class wp_bootstrap_navwalker extends Walker_Nav_Menu {


    public function start_lvl( &$output, $depth = 3, $args = array() ) {
        $indent = str_repeat( "\t", $depth );
        $output .= "\n$indent<ul role=\"menu\" class=\" dropdown-menu mega-dropdown-menu row\">\n";
    }




    public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
   


        if ( strcasecmp( $item->attr_title, 'divider' ) == 0 && $depth === 1 ) {
            $output .= $indent . '<li role="presentation" class="divider">';
        } else if ( strcasecmp( $item->title, 'divider') == 0 && $depth === 1 ) {
            $output .= $indent . '<li role="presentation" class="divider">';
        } else if ( strcasecmp( $item->attr_title, 'dropdown-header') == 0 && $depth === 1 ) {
            $output .= $indent . '<li role="presentation" class="dropdown-header">' . esc_attr( $item->title );
        } else if ( strcasecmp($item->attr_title, 'disabled' ) == 0 ) {
            $output .= $indent . '<li role="presentation" class="disabled"><a href="#">' . esc_attr( $item->title ) . '</a>';
        } else {
            $class_names = $value = '';
            $classes = empty( $item->classes ) ? array() : (array) $item->classes;
            $classes[] = 'menu-item-' . $item->ID;
            $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
            if ( $args->has_children )
                $class_names .= ' dropdown mega-dropdown';
            if ( in_array( 'current-menu-item', $classes ) )
                $class_names .= ' active';
            $class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
            $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
            $id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
            $output .= $indent . '<li' . $id . $value . $class_names .'>';
            $atts = array();
            $atts['title']  = ! empty( $item->title )  ? $item->title : '';
            $atts['target'] = ! empty( $item->target ) ? $item->target    : '';
            $atts['rel']    = ! empty( $item->xfn )       ? $item->xfn   : '';
            // If item has_children add atts to a.
            if ( $args->has_children && $depth === 0 ) {
                $atts['href']         = '#';
                $atts['data-toggle']   = 'dropdown';
                $atts['class']       = 'dropdown-toggle';
                // $atts['aria-haspopup']  = 'true';
            } else {
                $atts['href'] = ! empty( $item->url ) ? $item->url : '';
            }
            $atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args );
            $attributes = '';
            foreach ( $atts as $attr => $value ) {
                if ( ! empty( $value ) ) {
                    $value = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value );
                    $attributes .= ' ' . $attr . '="' . $value . '"';
                }
            }
            $item_output = $args->before;
             
      
            if ( ! empty( $item->attr_title ) )
                $item_output .= '<a'. $attributes .'><span class="glyphicon ' . esc_attr( $item->attr_title ) . '"></span>&nbsp;';
            else
                $item_output .= '<a'. $attributes .'>';
            $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
            $item_output .= ( $args->has_children && 0 === $depth ) ? ' <span class="glyphicon glyphicon-chevron-down pull-right"></span></a>' : '</a>';
            $item_output .= $args->after;
            $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
        }
    }
  
    public function display_element( $element, &$children_elements, $max_depth, $depth, $args, &$output ) {
        if ( ! $element )
            return;
        $id_field = $this->db_fields['id'];
        // Display this element.
        if ( is_object( $args[0] ) )
            $args[0]->has_children = ! empty( $children_elements[ $element->$id_field ] );
        parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
    }
  
}

Alles anzeigen

The-Exception

Mea maxima culpa...
Liebe Monika - vielen Dank ... manchmal sucht man nach einem Fehler den es gar nicht gibt. Da sieht man dass ich neu im Thema bin. Jetzt klappt alles ganz wunderbar. Ich schäme mich zwar in bisschen für den Einstand im Forum auf diese Weise - aber zumindest passiert mir das nun kein zweites Mal.

Eine schöne Woche Dir! und allen anderen Natürlich auch!

The-Exception

Hallo und guten Abend an diesem schönen Frühlingstag.
Ich setze gerade das erste mal ein "vollständiges" Theme für Wordpress um und versuche mich mit möglichst wenig Fragen und viel lesen (Codex / Dokumentation) zum Ziel zu bewegen. Alles klappt sehr gut und die Lernkurve (bin kein PHP Neuling) ist super.

Ich scheine aber einem Problem nicht auf die Spur zu kommen. Ich habe einen Custom Post Type angelegt:

PHP

function post_type_ambassador() {
    register_post_type(
        'ambassador',
        array(
            'labels' => array(
                'name' => 'Botschafter',
                'singular_name' => 'Botschafter',
                'menu_name' => 'K-A-W Botschafter',
                'add_new' => 'Neu Erstellen',
                'add_new_item' => 'Neuen Botschafter Registrieren:',
                'edit_item' => 'Botschafter Details bearbeiten',
            ),
            'taxonomies' => array(category),
            'public' => true,
            'show_ui' => true,
            'hierarchical' => true,
            'supports' => array(
                'title',
                'editor',
                'thumbnail',
                'custom-fields',
                'page-attributes',
                'revisions')
        )
    );
}


add_action('init', 'post_type_ambassador');

Alles anzeigen

Nun lassen sich die Botschafter auch wunderbar erstellen, editieren und auf der Zusammenfassenden Seite wird auch alles korrekt geladen und in meine HTML Struktur gerendert.

Diese schaut nun so aus:

PHP

<div class="container dropper">
    <div class="row"><!--
    <div class="title-block">
        <?php echo get_the_title(); ?>
    </div>-->
        <ul class="classes classes_wrapper col-md-12">


            <?php
            


            $args = array( 'post_type' => 'ambassador', 'posts_per_page' => 30, 'orderby' => 'modified', 'order' => 'ASC' );




            $loop = new WP_Query( $args );
            while ( $loop->have_posts() ) : $loop->the_post();
                $classTitle = get_the_title();
                echo    "<li class='col-md-2 class_picture' data-background='$dataBackground'><a class='item-link' href='" .  get_permalink() ."'>




                <span class='bwWrapper'>"; the_post_thumbnail(); echo"</span>";


                echo "<p class='classTitle'>$classTitle</p>
                <div class='classOverlay'><p>Kurs öffnen</p></div></a></li>";
            endwhile; ?>
        </ul>
        <div class="col-md-12">


        </div>
    </div>
</div>

Alles anzeigen

Wenn ich nun in der generierten Ansicht auf ein Element klicke (Natürlich sind die Permalinks korrekt gesetzt - routet Wordpress aus einem mir absolut nicht ersichtlichen Grund nicht die single.php sondern wirft einen 404er Fehler und sagt mir die Seite sei nicht vorhanen.

Dasselbe passiert im übrigen auch, wenn ich aus dem Backend die Vorschau auf den Post aufrufen möchte.

Hat jemand von Euch eine Idee? Ich bin mit meinem Latein am Ende - und habe keine Idee wo ich nach dem Fehler suchen muss.

Viele Grüße vom Niederrhein
Peter

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von The-Exception

Verständnisproblem beim Arbeiten mit dem Walker_Nav_Menu

Costum Type Post wirft Fehler 404 und single.php wird trotz korrektem link übergangen

Costum Type Post wirft Fehler 404 und single.php wird trotz korrektem link übergangen