Question

我正在处理的网站位于ryanbenson.info/wordpress/

我将主题转换为WordPress主题，我不太确定如何使导航工作方式相同。

在位于ryanbenson.info的先前版本中，各个页面调用不同的CSS文档，淡化导航。

**请注意导航是图像，当您悬停时，顶部的图像会消失

既然CSS和标题文档是整个网站的标准文件，我不知道如何设计样式。

Answer 1

这在某种程度上取决于你的工作方式，但一般的解决方案是：

检查当前网址。
如果该链接指向该网址，请应用一个使其褪色的类。

看起来这个菜单被烘焙到你的标题中，而不是使用任何WordPress的菜单功能。所以如果你的代码看起来像这样：

<a href="/">Home</a>
<a href="/about">About</a>
<a href="/work">Work</a>
<a href="/contact">Contact</a>

你会有类似的东西：

<a <?= is_home() ? 'class="current_page"' : '' ?> href="/">Home</a>
<a <?= is_page('about') ? 'class="current_page"' : '' ?> href="/about">About</a>
<a <?= is_page('work') ? 'class="current_page"' : '' ?> href="/work">Work</a>
<a <?= is_page('contact') ? 'class="current_page"' : '' ?> href="/contact">Contact</a>

Answer 2

一个好主意是将nav_menu功能集成到您的主题中。

首先，您必须在functions.php中注册菜单

function register_my_menu() {
  register_nav_menu('header-menu',__( 'Header Menu' ));
}
add_action( 'init', 'register_my_menu' );

然后你必须用header：

替换header.php中的当前菜单

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

然后转到wp-admin - ＆gt;外观 - ＆gt;菜单并添加菜单。现在，您有一个包含当前菜单项的类的工作菜单。您现在可以像以前一样设置新菜单的样式，并突出显示当前菜单项。我建议你使用css-sprites甚至更好的图标字体而不是图片。

Wordpress导航 - 主动样式（CSS）

2 个答案: