空间导航元素WordPress二十十主题

Question

我正在使用WordPress Twenty Ten主题构建一个网站。我想设置导航栏的样式，使标签分布在顶部，但有点不知所措。 这是导航栏：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' ) ); ?>

那应该添加一个|在每个链接之后。希望有所帮助。请告诉我们！