我正在基于根主题构建自定义主题, 该主题现在使用Twitter Bootstrap作为框架。
它使用自定义的”
行者”
进行导航, 因此我不能仅通过Header.php中的PHP对其进行过滤。
<
nav>
<
?php
wp_nav_menu(array('theme_location' =>
'primary_navigation', 'walker' =>
new Roots_Nav_Walker()
));
?>
<
/nav>
我知道如何从对Codex的研究中添加自变量, 但这并不能告诉我如何在” current-menu-item” 类上添加过滤器。我要这样做的原因是, 我可以轻松地在Bootstrap默认提供的不同导航样式之间进行切换。
我也不想仅仅覆盖CSS以使” 活动” 规则适用于” 当前菜单项” 。
理想情况下, 我想在创建” walker” 的roots-cleanup.php中进行更改。
相关代码:
class Roots_Nav_Walker extends Walker_Nav_Menu {
function check_current($val) {
return preg_match('/(current-)/', $val);
}function start_el(&
$output, $item, $depth, $args) {
global $wp_query;
$indent = ($depth) ? str_repeat("\t", $depth) : '';
$slug = sanitize_title($item->
title);
$class_names = $valuehttp://www.srcmini.com/= '';
$classes = empty($item->
classes) ? array() : (array) $item->
classes;
$classes = array_filter($classes, array(&
$this, 'check_current'));
$class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item));
$class_names = $class_names ? ' class="' . esc_attr($class_names) . '"' : '';
$id = apply_filters('nav_menu_item_id', 'menu-' . $slug, $item, $args);
$id = strlen($id) ? ' id="' . esc_attr( $id ) . '"' : '';
$output .= $indent . '<
li' . $id . $class_names . '>
';
$attributes= ! empty($item->
attr_title) ? ' title="'. esc_attr($item->
attr_title) .'"' : '';
$attributes .= ! empty($item->
target)? ' target="' . esc_attr($item->
target) .'"' : '';
$attributes .= ! empty($item->
xfn)? ' rel="'. esc_attr($item->
xfn) .'"' : '';
$attributes .= ! empty($item->
url)? ' href="'. esc_attr($item->
url) .'"' : '';
$item_output = $args->
before;
$item_output .= '<
a'. $attributes .'>
';
$item_output .= $args->
link_before . apply_filters('the_title', $item->
title, $item->
ID) . $args->
link_after;
$item_output .= '<
/a>
';
$item_output .= $args->
after;
$output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
}
}class Roots_Navbar_Nav_Walker extends Walker_Nav_Menu {
function check_current($val) {
return preg_match('/(current-)|active|dropdown/', $val);
}function start_lvl(&
$output, $depth) {
$output .= "\n<
ul class=\"dropdown-menu\">
\n";
}function start_el(&
$output, $item, $depth, $args) {
global $wp_query;
$indent = ($depth) ? str_repeat("\t", $depth) : '';
$slug = sanitize_title($item->
title);
$li_attributes = '';
$class_names = $valuehttp://www.srcmini.com/= '';
$classes = empty($item->
classes) ? array() : (array) $item->
classes;
if ($args->
has_children) {
$classes[]= 'dropdown';
$li_attributes .= 'data-dropdown="dropdown"';
}
$classes[] = ($item->
current) ? 'active' : '';
$classes = array_filter($classes, array(&
$this, 'check_current'));
$class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item));
$class_names = $class_names ? ' class="' . esc_attr($class_names) . '"' : '';
$id = apply_filters('nav_menu_item_id', 'menu-' . $slug, $item, $args);
$id = strlen($id) ? ' id="' . esc_attr( $id ) . '"' : '';
$output .= $indent . '<
li' . $id . $class_names . $li_attributes . '>
';
$attributes= ! empty($item->
attr_title) ? ' title="'. esc_attr($item->
attr_title) .'"': '';
$attributes .= ! empty($item->
target)? ' target="' . esc_attr($item->
target) .'"': '';
$attributes .= ! empty($item->
xfn)? ' rel="'. esc_attr($item->
xfn) .'"': '';
$attributes .= ! empty($item->
url)? ' href="'. esc_attr($item->
url) .'"': '';
$attributes .= ($args->
has_children)? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
$item_output = $args->
before;
$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) ? ' <
b class="caret">
<
/b>
' : '';
$item_output .= '<
/a>
';
$item_output .= $args->
after;
$output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
}
function display_element($element, &
$children_elements, $max_depth, $depth = 0, $args, &
$output) {
if (!$element) { return;
}$id_field = $this->
db_fields['id'];
// display this element
if (is_array($args[0])) {
$args[0]['has_children'] = !empty($children_elements[$element->
$id_field]);
} elseif (is_object($args[0])) {
$args[0]->
has_children = !empty($children_elements[$element->
$id_field]);
}
$cb_args = array_merge(array(&
$output, $element, $depth), $args);
call_user_func_array(array(&
$this, 'start_el'), $cb_args);
$id = $element->
$id_field;
// descend only when the depth is right and there are childrens for this element
if (($max_depth == 0 || $max_depth >
$depth+1) &
&
isset($children_elements[$id])) {
foreach ($children_elements[$id] as $child) {
if (!isset($newlevel)) {
$newlevel = true;
// start the child delimiter
$cb_args = array_merge(array(&
$output, $depth), $args);
call_user_func_array(array(&
$this, 'start_lvl'), $cb_args);
}
$this->
display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
}
unset($children_elements[$id]);
}if (isset($newlevel) &
&
$newlevel) {
// end the child delimiter
$cb_args = array_merge(array(&
$output, $depth), $args);
call_user_func_array(array(&
$this, 'end_lvl'), $cb_args);
}// end this element
$cb_args = array_merge(array(&
$output, $element, $depth), $args);
call_user_func_array(array(&
$this, 'end_el'), $cb_args);
}
}function roots_nav_menu_args($args = '') {
$args['container']= false;
$args['depth']= 2;
$args['items_wrap'] = '<
ul class="nav nav-tabs">
%3$s<
/ul>
';
if (!$args['walker']) {
$args['walker'] = new Roots_Nav_Walker();
}
return $args;
}
#1找到了答案, 也许不再相关了, 但是
更新根, 你会发现
lib / cleanup.php
roots_wp_nav_menu()
现在在那里
#2【过滤” 当前菜单项” 类以使用” 活动” 】我有类似的问题, 我已经用这种方式解决了, 我不知道天气是对还是错..但是它可以工作… ??
在header.php中
<
div class="navbar">
<
div class="navbar-inner">
<
?php$defaults = array(
'theme_location' =>
'header-menu', 'menu' =>
'', 'container' =>
'div', 'container_class' =>
'container', 'container_id' =>
'', 'menu_class' =>
'nav', 'menu_id' =>
'', 'echo' =>
true, 'fallback_cb' =>
'wp_page_menu', 'before' =>
'', 'after' =>
'', 'link_before' =>
'', 'link_after' =>
'', 'items_wrap' =>
'<
ul id="%1$s" class="%2$s">
%3$s<
/ul>
', 'depth' =>
2, 'walker' =>
''
);
wp_nav_menu($defaults);
?>
<
/div>
<
/div>
在页脚中添加一个jquery函数:
<
script>
$(function(){
$('.current-menu-item').addClass('active');
});
<
/script>
推荐阅读
- 过滤” the_content”,但带有高级自定义字段
- 致命错误(在WordPress中调用index.php中未定义的函数add_filter())
- 致命错误(在非对象上调用成员函数check_capabilities())
- 在WordPress Post中执行php代码
- Debian 11 安装 无线 rtl8821ce 网卡驱动
- 看我如何用云函数实现一个PC小程序代码包在线解密工具
- RENIX发送固定个数报文——网络测试仪实操
- 推荐学java——Spring第一课
- Spring认证中国教育管理中心-Apache Solr 的 Spring 数据教程一