WordPress wp_list_pages выделить текущую страницу

Question

Я использовал это:

<ul>
    <?php wp_list_pages("&post_type=projects&child_of=$parent_page&title_li="); ?>
</ul>

Чтобы получить это:

<ul>
    <li class="page_item page-item-588"><a href="#" title="One">One</a></li>
    <li class="page_item page-item-592"><a href="#" title="Two">Two</a></li>
    <li class="page_item page-item-599"><a href="#" title="Three">Three</a></li>
</ul>

Первый код должен отображать список дочерних страниц.Все хорошо, но я столкнулся с некоторой проблемой.Если я использовал пользовательский тип записи (например, projects), Wordpress 3.2.1 не может добавить «текущий» класс к <LI> и не может выделить случайно открытую текущую страницу.

функции.php

add_action( 'init', 'register_cpt_projects' );
    function register_cpt_projects() {
    $labels = array(
    'name' => _x( 'Проекты', 'projects' ),
    'singular_name' => _x( 'Проект', 'projects' ),
    'add_new' => _x( 'Добавить', 'projects' ),
    'add_new_item' => _x( 'Добавить проект', 'projects' ),
    'edit_item' => _x( 'Изменить', 'projects' ),
    'new_item' => _x( 'Новый Проект', 'projects' ),
    'view_item' => _x( 'Просмотреть', 'projects' ),
    'search_items' => _x( 'Поиск проектов', 'projects' ),
    'not_found' => _x( 'Ничего не найдено', 'projects' ),
    'not_found_in_trash' => _x( 'Ничего не найдень в корзине', 'projects' ),
    'parent_item_colon' => _x( 'Родительский Проект:', 'projects' ),
    'menu_name' => _x( 'Проекты', 'projects' ),
    );
    $args = array(
    'labels' => $labels,
    'hierarchical' => true,
    'supports' => array( 'title', 'editor', 'thumbnail', 'custom-fields', 'post-formats', 'page-attributes' ),
    'public' => true,
    'show_ui' => true,
    'show_in_menu' => true,
    'menu_position' => 5,
    'show_in_nav_menus' => true,
    'publicly_queryable' => true,
    'exclude_from_search' => false,
    'has_archive' => false,
    'query_var' => true,
    'can_export' => true,
    'rewrite' => true,
    'capability_type' => 'page'
    );
    register_post_type( 'projects', $args );
};

переменная $ parent_page:

   // get_top_parent_page_id
    function get_top_parent_page_id($id) {
        global $post;
        if ($post->ancestors) {
            return end($post->ancestors);
        } else {
            return $post->ID;
        }
    };

Пожалуйста, помогите!

Answer 1

wp_list_pages () сравнивает текущую страницу с элементами меню и добавляет класс "current_page_item" к ссылке, содержащей ссылку на текущую страницу.

Все, что вам нужно сделать, это добавить

li.current_page_item{
/*your specific mark up here */
}

в ваш файл style.css в папке темы.Нет необходимости изменять functions.php

Источник: http://codex.wordpress.org/Template_Tags/wp_list_pages#Markup_and_styling_of_page_items

Answer 2

Я думаю, что лучшим способом будет рассмотреть возможность использования wp_nav_menu вместо wp_list_pages - это гораздо более гибкое решение и может делать то, что вы хотите.Вам придется синхронизировать меню со списком ваших страниц, но это можно сделать автоматически с помощью действий.

Answer 3

в functions.php добавить это

add_filter('nav_menu_css_class', 'current_type_nav_class', 10, 2 );
function current_type_nav_class($classes, $item) {
    $post_type = get_post_type();
    if ($item->attr_title != '' && $item->attr_title == $post_type) {
        array_push($classes, 'current-menu-item');
    };
    return $classes;
}

Источник: https://wordpress.stackexchange.com/a/12292/11610

Answer 4

Вы должны добавить это в ваши functions.php:

function kct_page_css_class( $css_class, $page, $depth, $args, $current_page ) {
  if ( !isset($args['post_type']) || !is_singular($args['post_type']) )
    return $css_class;

  global $post;
  $current_page  = $post->ID;
  $_current_page = $post;
  _get_post_ancestors($_current_page);

  if ( isset($_current_page->ancestors) && in_array($page->ID, (array) $_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';

  return $css_class;
}
add_filter( 'page_css_class', 'kct_page_css_class', 10, 5 );

Через http://kucrut.org/wp_list_pages-for-custom-post-types/

Answer 5

Решите это без боли и просто класс тела:)

В functions.php:

function get_id_outside_loop() {
    global $wp_query;
    $thePostID = $wp_query->post->ID;
    return $thePostID;
}

В header.php:

<body class="<?php echo get_id_outside_loop(); ?>">

В <head> разделах или в footer.php:

<STYLE>
<!--
body.<?php echo get_id_outside_loop(); ?> .project_pages ul li.page-item-<?php echo get_id_outside_loop(); ?> 
{
  background: #0096f4; /* Highlight */
}
-->
</STYLE> 

Хорошего дня!