WordPress中控制樣式表修改友情鏈接為一行顯示

. d8 n/ h! l7 H7 B8 B7 Q* L5 VWordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。

在修改過程中，發現友情鏈接的排版是採用<li>友情鏈接</li>控制的，扒了很多資料也無法去除掉li標籤，最後不得不想辦法在CSS下去控制。

" r" E3 n* g5 t! b% J; a! }然後，參照CSS手冊，就成功了。

1 z$ k# j4 E" X& S3 y. V該代碼在IE與FF中測試均無錯。

友情鏈接的調用函數我採用的是如下所示的代碼

<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
5 a  W: L- w, p) y+ f4 X8 ?
意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。

7 R. X: l$ ?2 M然後創建一個DIV和UL控制這段代碼，代碼如下

; ?, n* A8 z6 g) \1 g9 H<div>
0 m- [: y- V3 m; b) a) p& Y<ul id=link>
2 Y$ Z& Y+ {) s9 x3 v<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>

6 J% ~  Y$ n2 r- E9 i7 j這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。
4 R  x+ W0 t$ j) _- [# b, J# Q
然後在模板的樣式表文件中創建如下代碼
2 H- S9 L, z, C6 W# l) H" Z: P& D
$ l9 M9 f$ m* N. S: {* `
#link {
8 i) p. {" ^" c. s4 e/ s  d6 Z        overflow: hidden;
3 L6 ?  [6 J. e        margin-right: 5px;
" t4 M9 A! v# A* \        margin-left: 5px;
        line-height:20px;
}
#link li {
/ i5 S! h; ~6 K7 T' U5 ^        float: left;
; ]. t$ \6 \: F& \2 I- o/ H        padding-right: 15px;
        font-size: 12px;
}
% V9 R7 Q" a0 c- \
* G2 v: ?7 x! r  w
具體的邊界控制可以自己斟酌。

最後兩個修改過的文件保存，就成功了。

感謝樓主分享了。

感謝樓主的分享,高手就是高手！！

感謝分享，收藏學習

謝謝，樓主的分享。。。。。。。

是什麼好東西，我也來看看。