【问题标题】:assigning "active" class to navigation--wordpress将“活动”类分配给导航——wordpress
【发布时间】:2010-11-24 01:51:09
【问题描述】:

我需要为由 wordpress 呈现的主级导航分配一个“活动”类。

这是我的 HTML:

    <li><a href="/">Home</a></li>
    <?php wp_list_pages('title_li=&exclude=21'); ?>

【问题讨论】:

    标签: css wordpress


    【解决方案1】:

    WordPress 自动将相关类添加到使用 wp_list_pages() 函数创建的列表项。例如,它将向您当前正在查看的页面添加一个 current_page_item 类 - 允许您以不同的方式设置此特定列表项的样式。

    这仅适用于页面,afaik 不适用于帖子。但是,有一种稍微有点骇人听闻的方法。如果您有来自循环的帖子列表,则每个帖子都有一个带有 post-## 的类——其中 ## 是帖子的 ID(只要您使用 get_post_class() 函数或类似函数)

    您还可以通过以下方式获取当前帖子的ID:

    在您输出的帖子列表之外,最好在您的 header.php 中,有:

    $this_posts_id = $post->ID;
    

    然后在你正在发布的帖子列表的循环中

    if($this_posts_id == $post->ID;){echo "current";}
    

    或类似的东西!

    希望有帮助

    【讨论】:

      【解决方案2】:

      See WP Codex 用于向您的 wp 模板添加类/ID:

      <li<?php 
      if (is_home()) { 
      echo " class=\"active\"";
      }
      ?>><a href="/">Home</a></li>
      

      【讨论】:

        猜你喜欢
        • 2013-11-03
        • 1970-01-01
        • 1970-01-01
        • 2013-10-28
        • 1970-01-01
        • 1970-01-01
        • 2020-11-05
        • 1970-01-01
        • 2014-05-31
        相关资源
        最近更新 更多