如何在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中設置特定的頁面鏈接導航欄？

回答

相關問題