如何在WordPress中设置特定的页面链接导航栏？

我已经完成了我的布局设计。现在我想将我的设计包含在Wordpress主题中。我在Wordpress中有一些知识，因为我刚开始学习它约1周。如何在WordPress中设置特定的页面链接导航栏？

这是我的模板（尚未WordPress的）

<ul class="nav navbar-nav"> 
    <li class="active_link"><a href="index.php">TOP PAGE</a></li> 
    <li><a href="about.php">COMPANY PROFILE</a></li> 
    <li><a href="product.php">PRODUCTS</a></li> 
    <li><a href="services.php">SERVICES</a></li> 
    <li><a href="download.php">DOWNLOAD</a></li> 
    <li class="contact_us_link"><a href="contact_us"><span class="fa fa-envelope"></span> CONTACT US</a></li> 
</ul>

而我所做的是我创造了他们的网页，让我有这样的代码：

<ul class="nav navbar-nav"> 
    <?php wp_list_pages('title_li='); ?> 
</ul>

它我最后有页将是文本链接旁边的信封图标，并且它具有不同的背景颜色。

我创造了这个CSS此：

#top-links-container .nav li:last-child { 
    border: 1px solid #FB7E7E; 
    background: #FB7E7E; 
}

我的背景颜色，但文本颜色没有改变。我也试过这种方法，但所有的文字链接都受到影响。

#top-links-container .nav li a:last-child { 
    color: #fff; 
}

有没有一种方法可以设计特定的页面链接？如何在我的最后一页链接旁添加图标？

来源

2015-12-07 Jerielle

你想申请差异。 CSS类到特定的菜单项？ –

是的。我想在该特定菜单项上添加span标签 – Jerielle

您可以从管理选项中进行选择，对于每个菜单项您可以选择应用** Css Classes **，展开菜单并且您将拥有该选项。如果你没有得到这个选项，然后从顶部**转到屏幕选项 - >显示高级选项 - > Css类**，然后再次检查菜单。希望现在您可以将特定的课程应用于特定的菜单。 –

基于您的代码：

#top-links-container .nav .contact_us_link a { 
    color: #fff; 
}

您可能还需要在样式如果.fa它被你的其它CSS覆盖。

来源

2015-12-07 03:51:49 Moondoggy

如何在WordPress中设置特定的页面链接导航栏？

回答

相关问题