Hi.
Puh .... nav_walker ..... ok.
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHi.
Puh .... nav_walker ..... ok.
Hi zusammen.
Habe eine Webseite offline (auch für mobile) erstellt, nun übertrage ich das nach und nach in WP.
Ich scheitere gerade an der Navigation.
In der richtige Version schaut der Quellcode für die Navigation wie folgt aus:
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#intro">Start</a></li>
<li><a href="#about">Führerschein</a></li>
<li><a href="#service">Seminare</a></li>
<li><a href="#contact">Kurse</a></li>
<li><a href="#contact">Berufskraftfahrer</a></li>
<li><a href="#contact">Service</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Über uns <b class="caret"></b></a> <ul class="dropdown-menu">
<li><a href="#">Standorte</a></li>
<li><a href="#">Unser Team</a></li>
<li><a href="#">Bildergalerie</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Bildergalerie</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
Alles anzeigen
Jetzt in Wordpress:
header.php
<div class="collapse navbar-collapse navbar-right navbar-main-collapse"> <?php wp_nav_menu(array(
'theme_location' => 'main-navi',
'container' => false,
'items_wrap' => '<ul class="nav navbar-nav">%3$s</ul>',
)); ?>
</div><!-- /.navbar-collapse -->
Ausgabe HTML - Quelltext:
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-58"><a href="/">Start</a></li>
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="#/fuehrerschein/">Führerschein</a></li>
<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="#/seminare/">Seminare</a></li>
<li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="#/kurse/">Kurse</a></li>
<li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="#/berufskraftfahrer/">Berufskraftfahrer</a></li>
<li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-60"><a href="#/service/">Service</a></li>
<li id="menu-item-70" class="dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-70"><a rel="classdropdown-toggle data-toggledropdown" href="#">Über uns</a>
<ul class="sub-menu">
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="#/ueber-uns/standorte/">Standorte</a></li>
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="#/ueber-uns/unser-team/">Unser Team</a></li>
<li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="#/ueber-uns/bildergalerie/">Bildergalerie</a></li>
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="#/ueber-uns/kontakt/">Kontakt</a></li>
<li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="#/ueber-uns/impressum/">Impressum</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
Alles anzeigen
Mir geht es eher um "Über uns".
Wie bekomme ich das hin, dass die anderen Attribute da "reinbekomme"?
Hoffentlich konnte ich das "gut" erklären.
Wenn du in der Datei nichts geändert hast, dann mittels Ftp die Rechte auf 644 oder 755 (weiß aus der Ferne -urlaub- nicht, welche der beiden) ändern.
Jupp :)
Weiß aber nicht, ob man die htacces-Datei nich löschen muss oder diese überschrieben wird.
Und 127.0.0.1?
Hi WiSch.
Danke für die Antwort. Komme jetzt erst dazu, zu antworten. Sry.
Habe das nun so gelöst:
function _s_current_attachment_nav_class($classes, $menu_item) {
global $wp_query, $post;
if(true == $wp_query->is_singular && 'attachment' == $post->post_type && in_array($menu_item->object_id, $post->ancestors)) {
array_push( $classes, 'current-menu-ancestor');
}
return $classes;
}
add_filter('nav_menu_css_class', '_s_current_attachment_nav_class', 10, 2);
Alles anzeigen
Die obige Function im Erstellerthread nutze ich nicht.
Nur ist wieder jeder Menü-Link zuegemüllt mit CSS:
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1171"
Grüße
Hallo Gemeinde.
Ich habe eine Navigation - klar, die sieht im Muster etwa so aus.
- MAIN-NAV
-- SUB-NAV1
-- SUB-NAV2
Wenn ich "SUB-NAV2" aufrufe, dann kann ich bei "MAIN-NAV" mit "current-menu-parent" und "SUB-NAV2" mit "current-menu-item" ansprechen. Klappt super.
Nur würde ich gerne folgendes Muster benutzen wollen:
- MAIN-NAV
-- SUB-NAV1
--- SUB-SUB-NAV
-- SUB-NAV2
Wenn ich nun "SUB-SUB-NAV" aufrufe, dann kann ich diese mit "current-menu-item" und "SUB-NAV1" mit "current-menu-parent" ansprechen. Würde hier aber gerne noch "MAIN-NAV" ansprechen wollen.
Wie mache ich das?
functions.php
function cssklassen_menu_classes($classes, $item) {
$classes = array_filter(
$classes, create_function('$class', 'return in_array($class,array("current-menu-item", "current-menu-parent"));')
);
return array_merge($classes, (array)get_post_meta($item->ID, '_menu_item_classes', true));
}
add_filter('nav_menu_css_class', 'cssklassen_menu_classes', 10, 2);
Aufruf der Naviation