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

WordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。
- S( f1 t: }4 }' y, S6 V
6 P  p* y% F' s/ H$ j在修改過程中，發現友情鏈接的排版是採用<li>友情鏈接</li>控制的，扒了很多資料也無法去除掉li標籤，最後不得不想辦法在CSS下去控制。
* N; p& B5 I. _0 l+ k( k: W
* e6 }0 h9 `' r9 T8 o6 M0 y然後，參照CSS手冊，就成功了。

該代碼在IE與FF中測試均無錯。

友情鏈接的調用函數我採用的是如下所示的代碼
% n" j# I( o. F7 X
2 H% x+ V. X4 c- {4 t( J% ~<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
& f/ ^  ~2 e' P7 B: c
4 P* A/ k6 {. }6 f& G& ]意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。

然後創建一個DIV和UL控制這段代碼，代碼如下
' X3 }; H8 G/ k1 U
4 Z" K5 Q) f6 I8 U' V<div>
<ul id=link>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
, D) T' a, V8 ?+ H6 @. T</ul>
4 I2 N% s* C5 M</div>
8 x# U% u$ J# Q
這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。
- ~, ?2 y4 O1 H
然後在模板的樣式表文件中創建如下代碼
8 z8 p3 `1 }' |+ P4 D' U
6 E" t2 L+ O. k: F$ S# q
7 N! w: N. V6 d; K' e( h#link {
        overflow: hidden;
        margin-right: 5px;
% d$ R$ ?$ x' I( k) x        margin-left: 5px;
        line-height:20px;
}
#link li {
        float: left;
8 ?) @) C+ U" V$ q) J3 M, `* I        padding-right: 15px;
# i* E4 ~6 ^+ J8 \3 p/ e        font-size: 12px;
: r* i/ b8 a4 c/ ]6 G' G$ P2 q& n}
- E1 j3 h8 a9 j! h1 {! y

. G! }0 j8 y$ [$ S1 d具體的邊界控制可以自己斟酌。
% |; e0 K7 @% r( i  ?0 t
- I8 N( u. T. _$ i  C/ K  `. q最後兩個修改過的文件保存，就成功了。

感謝樓主分享了。

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

感謝分享，收藏學習

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

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