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

时间:2010-12-22 00:02:32

标签: css wordpress navigation wordpress-theming

我正在使用WordPress Twenty Ten主题构建一个网站。我想设置导航栏的样式,使标签分布在顶部,但有点不知所措。 这是导航栏:http://screencast.com/t/AbIPglmGtQ 这是CSS:http://pastebin.com/pSnCGcrQ

此外,是否有人有关于在标签之间添加细分的线索,即“主页|关于|服务?

非常感谢任何帮助。很想在假期前在这个项目中放一个分叉!

亚历

1 个答案:

答案 0 :(得分:0)

首先,您可能想要创建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' ) ); ?>

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