WordPress：我去掉了第二个“主页”页面，但还不够好

Question

我有一个 WordPress 站点 (2.6.2)，其中我将主页设置为静态页面，而不是普通的帖子页面。此页面的 ID 为 2，因此在 WordPress 模板中我将 wp_list_pages 更改为如下所示：

<?php wp_list_pages('exclude=2&title_li=&depth=1' ); ?>

这很好用，但是现在主页在被选中时不会“亮起”（因为实际上它是 page_id 2 被选中，并且它没有显示在菜单中）。有什么简单的方法吗？

如果不是，概括地说，解决这个问题的难点是什么？制作我自己的wp_list_pages 函数版本？

谢谢！

Answer 1

将静态页面设置为首页不会突出显示菜单链接，这是问题的核心。

因此，您可以在服务器端自定义（破解）wp_list_pages 函数，但如果您愿意，这里有一个客户端选项：

使用jQuery库（方便WP 2.2+自带），调用：

wp_enqueue_script('jquery');

或加载您自己的版本：

wp_enqueue_script( 'jquery', '/path/to/your/jquery.js', false, '1.2.1');

---

现在在您的模板中添加一些 javascript，例如：

if(window.location.href == 'http://www.example.com/'){ //checks for root path - "home" ('http://www.example.com/?p=7' or 'http://www.example.com/2008-10/7' will not match)
    jQuery('#nav > ul > li > a:first').addClass('current_page_item');
}

a:first 部分假定菜单中的第一个链接是主页/首页链接。如果不是，请通过 href 值或位置选择。这是按位置：

~~~~~~~~~~~~~~~

jQuery(jQuery('#nav > ul > li > a')[3]).addClass('current_page_item'); //add 'current_page_item' css class so menu item highlighting occurs

例子：

• 链接 0


• 链接 1


• 链接 2


• 链接 3


• 链接 4


• 链接 5

---

注意事项：

1. 检查您的菜单 div id 的实际名称（#nav 此处显示）
2. 嵌套的 ul/li 菜单结构（因此不止一层）需要额外的代码才能正确选择正确的 a 元素。
3. 如果菜单链接要改变，不要使用位置选择技术，使用另一个钩子，比如主页/首页链接的 href 值。
4. 如果涉及更多变体（https、多个子域等），if(window.location.href == 'http://www.example.com/') 部分可能需要是正则表达式。

Answer 2

以管理员身份登录后，您可以在“管理”>“设置”>“阅读”面板中将静态页面设置为首页。

可以在 here 找到有关此主题的 Wordpress 手册条目。