【问题标题】:Space navigation elements WordPress Twenty Ten Theme空间导航元素 WordPress 二十主题
【发布时间】:2010-12-22 00:02:31
【问题描述】:

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

另外,是否有人知道在选项卡之间添加分段,即“主页 | 关于 | 服务?

任何帮助将不胜感激。很想在假期前在这个项目中分叉!

亚历克斯

【问题讨论】:

    标签: css wordpress navigation wordpress-theming


    【解决方案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' ) ); ?>
    

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

    【讨论】:

    • 谢谢康纳,这是圣诞节的奇迹。 ;) 填充和边距调整效果很好,但遗憾的是对分色不感兴趣。这是我的代码,也许我搞砸了? pastebin.com/qgj1KvTA 再次感谢!
    • 我很抱歉 Alex - 它应该是 'link_after',而不是 'after'。如果这没有帮助,请给我发电子邮件:[firstname] @ [fullname] .com,我很乐意为您提供帮助!
    • 嗨康纳,事实证明这个编辑导致子页面在 IE 中被禁用。可以点击顶级页面,将子页面禁用并在 IE 中滚动它们时消失。超离奇。任何帮助将非常感激。这是网站:econforensics.com 这是代码:pastebin.com/svx8hNeK 谢谢你,亚历克斯
    猜你喜欢
    • 1970-01-01
    • 2015-05-26
    • 2013-01-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多