1 添加友情鏈接代碼

• 2 首頁底部橫排顯示友情鏈接CSS

有個從事外貿(mào)網(wǎng)絡(luò)營銷的朋友，并希望將側(cè)小工具欄的友情鏈接放在首頁的底部。

通過這種方式，友情鏈接中的朋友也可以在手機(jī)上查看他們的連接。

我們在互聯(lián)網(wǎng)上找到了一些方法，最終找到了完美的解決方案。

對于WordPress網(wǎng)站如何添加鏈接，你可以在后臺搜索Link Manager插件安裝測試。

這里我們將討論如何鏈接移動到網(wǎng)站首頁的底部，首先在主題目錄中找到footer.php文件（外觀 → 編輯 → footer.php）

注意事項(xiàng)：編輯主題文件之前，請務(wù)必做文件備份。

添加友情鏈接代碼

在footer.php上面添加以下代碼：

<!--links-bottom-index-->

<div class="span12 home-links">
<div class="widget-box">
<div class="widget-title"><span class="icon"><i class="fa fa-link fa-fw"></i></span><h3>友情鏈接</h3></div>
<div class="widget-content">
<ul>
<?php wp_list_bookmarks('orderby=id&categorize=0&category=66,192&title_li='); ?>
</ul>
<div class="clear"></div>
</div>
</div>
</div>

<!--end links-bottom-index-->

通常，添加后，它會如常顯示，但如果需要調(diào)整樣式，則需要編輯CSS文件。

首頁底部橫排顯示友情鏈接CSS

外觀>>編輯>> style.css進(jìn)行css編輯，具體代碼如下，

/*首頁底部橫排顯示友情鏈接CSS*/
.widget-box {position:relative;clear:both;margin-bottom:20px;border-top:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;background:none repeat scroll 0 0 #fff;}
.widget-title {height:40px;border-bottom:1px solid #E1E1E1;background:#F8F8F8;}
.widget-content {position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1;}

進(jìn)行上述更改后，代碼通常會正常顯示，鏈接管理器友情鏈接將水平顯示。

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《友情鏈接怎么橫向顯示？WordPress首頁底部橫排友鏈CSS》，對您有幫助。