如何定制WordPress主题的顶部导航栏？

首先，在WordPress主题中定制顶部导航栏，你需要编辑主题的代码文件。打开你的主题文件夹，找到header.php 文件。

在 header.php 文件中，通常会有一个导航栏的 HTML 结构，一般以 <nav> 或 <div> 开始。你可以使用 HTML 和 CSS 来自定义导航栏的样式和内容。

以下是一个简单的例子，可以帮助你开始定制导航栏：

<nav class="site-navigation">
  <ul>
    <li><a href="#home">首页</a></li>
    <li><a href="#about">关于</a></li>
    <li><a href="#services">服务</a></li>
    <li><a href="#contact">联系我们</a></li>
  </ul>
</nav> 

上面的代码创建了一个基本的导航栏，其中包含了四个链接。你可以根据你的需要添加、删除或修改链接的数量、文本和对应的 URL。

接下来，你可以使用 CSS 样式来美化导航栏。你可以在 style.css 文件中添加自定义的 CSS 代码，或者在 WordPress 后台的“外观”>“自定义”>“其他CSS”中添加 CSS。

以下是一个简单的 CSS 代码示例，可以帮助你修改导航栏的样式：

.site-navigation {
  background-color: #f1f1f1;
  padding: 10px;
}

.site-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.site-navigation li {
  display: inline-block;
  margin-right: 10px;
}

.site-navigation li a {
  text-decoration: none;
  color: #333;
  padding: 5px;
}

.site-navigation li a:hover {
  color: #f00;
} 

上面的 CSS 代码将导航栏的背景设为浅灰色，设置了链接的样式和鼠标悬停时的颜色变化效果。你可以根据你的设计需求修改这些样式属性。

记得保存文件并刷新你的网站，以查看导航栏的变化。根据你的主题和代码结构的不同，可能需要进行一些调整和修改。