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

WordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。
8 }1 {; f+ O9 w& H) L& ?% O
+ {6 p  Q) p8 T, J6 r( p' C在修改過程中，發現友情鏈接的排版是採用<li>友情鏈接</li>控制的，扒了很多資料也無法去除掉li標籤，最後不得不想辦法在CSS下去控制。

3 Q, k5 C8 ~$ C" S7 l1 D! \- Z" N$ X/ s然後，參照CSS手冊，就成功了。

' i' W! F+ n$ y該代碼在IE與FF中測試均無錯。
3 Y9 n0 V, Y% G' h  G& b. a
友情鏈接的調用函數我採用的是如下所示的代碼
5 G( q2 L1 r, }0 ^, d0 G
. _9 E2 r% H8 @+ L$ \7 I8 {<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
5 e0 q, V$ A: ^2 x
意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。

然後創建一個DIV和UL控制這段代碼，代碼如下

" h/ J5 S( N, j( I4 S9 x/ z<div>
$ R% D8 q7 @' [# A+ b6 f$ f<ul id=link>
6 p# D: p0 a1 d8 T/ R<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
1 Z- x) c& I! H7 z% L( {1 y</ul>
2 C) P' \* q0 H& w) \; d# A0 `</div>
% t& Q8 P. k) R. Q; u. D
這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。

然後在模板的樣式表文件中創建如下代碼

) w+ q" p/ x7 Y3 Y
& l  H9 n( L8 {1 V2 [: w0 u#link {
5 }8 U' ~, v) |+ c1 N        overflow: hidden;
        margin-right: 5px;
        margin-left: 5px;
        line-height:20px;
' I, h) ], s* E0 R+ k( Q. H}
* _8 y" d6 Q, S# K( m0 d#link li {
        float: left;
! T% }' l6 m# z3 [. J/ Z5 X4 h8 L        padding-right: 15px;
2 l$ G2 V" z* |        font-size: 12px;
9 E# ?& c8 `. W* w. d  r1 a6 F  w2 @}


, K$ W5 y. C- |2 d具體的邊界控制可以自己斟酌。

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

感謝樓主分享了。

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

感謝分享，收藏學習

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

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