css - 空间导航元素 WordPress 20 主题

Question

我正在构建一个基于 WordPress 20 主题的网站。我想设计导航栏的样式，使选项卡分布在顶部，但有点不知所措。这是导航栏:http://screencast.com/t/AbIPglmGtQ这是 CSS:http://pastebin.com/pSnCGcrQ

此外，有人知道如何在选项卡之间添加分段，即“主页 | 关于 | 服务”吗？

任何帮助将不胜感激。很想在假期前在这个元素中投入一个分支!

亚历克斯

Answer 1

首先，您可能想要创建一个 Child Theme ，否则当 TwentyTen 更新时，您将丢失所有自定义项。至于将它们隔开——这取决于……你是想让它们隔开而不扩展每个链接的当前宽度，还是你也想扩展每个链接的宽度？有点令人困惑，但您可以通过将边距增加到类似以下内容来扩展它:

margin: 0 15px;

但是，这只会将它们分散得更多——链接的大小将保持不变。要更改链接的大小，请同时调整填充。我会把两者结合起来。

对于分隔符，在 header.php 中，appx 第 85 行，您会看到如下内容:

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

将其更改为:

<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'after'           => '|', 'theme_location' => 'primary' ) ); ?>

那应该加一个 |在每个链接之后。希望有所帮助。让我们知道!