을 필요로하는 다른 클래스를 추가 할 수있는 방법을
function add_parent_class($css_class, $page, $depth, $args){
if (! empty($args['has_children']))
$css_class[] = 'dropdown';
return $css_class;
}
add_filter('page_css_class', 'add_parent_class', 10, 4);
, 우리 필터 만 사용할 수는 없습니다. WordPress의 Walker 클래스를 확장해야합니다.
나는이 같은 wp_list_pages라는 것을 가정입니다 :
$args = array('authors' => '',
'child_of' => 0,
'date_format' => get_option('date_format'),
'depth' => 0,
'echo' => 1,
'exclude' => '',
'include' => '',
'link_after' => '',
'link_before' => '',
'post_type' => 'page',
'post_status' => 'publish',
'show_date' => '',
'sort_column' => 'menu_order, post_title',
'sort_order' => '',
'title_li' => __(''),
'walker' => '',
);
echo '<ul class="nav navbar-nav">' . wp_list_pages($args) . '</ul>' ;
우리는 워커 있었던 파라미터에 값을 전달합니다. 그 매개 변수는 우리가 지금 만들 클래스의 객체가 될 것입니다. 테마의 functions.php 또는 클래스 위 site specific plugin
class Wdm_Walker_Page extends Walker_Page {
/**
* @see Walker::start_lvl()
* @since 2.1.0
*
* @param string $output Passed by reference. Used to append additional content.
* @param int $depth Depth of page. Used for padding.
* @param array $args
*/
function start_lvl(&$output, $depth = 0, $args = array()) {
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class='dropdown-menu children'>\n";
}
/**
* @see Walker::start_el()
* @since 2.1.0
*
* @param string $output Passed by reference. Used to append additional content.
* @param object $page Page data object.
* @param int $depth Depth of page. Used for padding.
* @param int $current_page Page ID.
* @param array $args
*/
function start_el(&$output, $page, $depth = 0, $args = array(), $current_page = 0) {
if ($depth)
$indent = str_repeat("\t", $depth);
else
$indent = '';
extract($args, EXTR_SKIP);
$css_class = array('page_item', 'page-item-'.$page->ID);
if(isset($args['pages_with_children'][ $page->ID ]))
$css_class[] = 'page_item_has_children dropdown';
if (!empty($current_page)) {
$_current_page = get_post($current_page);
if (in_array($page->ID, $_current_page->ancestors))
$css_class[] = 'current_page_ancestor';
if ($page->ID == $current_page)
$css_class[] = 'current_page_item';
elseif ($_current_page && $page->ID == $_current_page->post_parent)
$css_class[] = 'current_page_parent';
} elseif ($page->ID == get_option('page_for_posts')) {
$css_class[] = 'current_page_parent';
}
/**
* Filter the list of CSS classes to include with each page item in the list.
*
* @since 2.8.0
*
* @see wp_list_pages()
*
* @param array $css_class An array of CSS classes to be applied
* to each list item.
* @param WP_Post $page Page data object.
* @param int $depth Depth of page, used for padding.
* @param array $args An array of arguments.
* @param int $current_page ID of the current page.
*/
$css_class = implode(' ', apply_filters('page_css_class', $css_class, $page, $depth, $args, $current_page));
if ('' === $page->post_title)
$page->post_title = sprintf(__('#%d (no title)'), $page->ID);
/** This filter is documented in wp-includes/post-template.php */
if(preg_match('/dropdown/', $css_class) != FALSE){
$output .= $indent . '<li class="' . $css_class . '"><a data-toggle="dropdown" class="dropdown-toggle" href="' . get_permalink($page->ID) . '">' . $link_before . apply_filters('the_title', $page->post_title, $page->ID) . $link_after . '</a>';
}
else{
$output .= $indent . '<li class="' . $css_class . '"><a href="' . get_permalink($page->ID) . '">' . $link_before . apply_filters('the_title', $page->post_title, $page->ID) . $link_after . '</a>';
}
if (!empty($show_date)) {
if ('modified' == $show_date)
$time = $page->post_modified;
else
$time = $page->post_date;
$output .= " " . mysql2date($date_format, $time);
}
}
}
에이 클래스를 추가 당신이 원하는 모든 클래스를 추가합니다.
이제이 클래스의 객체를 wp_list_pages에 전달해야합니다. 그래서 이런 식으로 보일 것입니다
$args = array(
'authors' => '',
'child_of' => 0,
'date_format' => get_option('date_format'),
'depth' => 0,
'echo' => 1,
'exclude' => '',
'include' => '',
'link_after' => '',
'link_before' => '',
'post_type' => 'page',
'post_status' => 'publish',
'show_date' => '',
'sort_column' => 'menu_order, post_title',
'sort_order' => '',
'title_li' => __(''),
'walker' => new Wdm_Walker_Page()
);
echo '<ul class="nav navbar-nav">' . wp_list_pages($args) . '</ul>' ;
나는 그것이 도움이되기를 바랍니다! 더 이상 필터 page_css_class에 코드를 작성할 필요가 없습니다. :)