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

7 g% F+ a* g1 MWordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。
) q! \2 l: h% d' y' P5 Z
& j: e; [; j% P在修改過程中，發現友情鏈接的排版是採用<li>友情鏈接</li>控制的，扒了很多資料也無法去除掉li標籤，最後不得不想辦法在CSS下去控制。

然後，參照CSS手冊，就成功了。

4 L' q3 |3 P* G3 Q/ P" G該代碼在IE與FF中測試均無錯。
( f5 B/ l) W7 c4 O: ~0 X& |6 O
* X# e- s0 ?! H8 s友情鏈接的調用函數我採用的是如下所示的代碼
1 H) c  _3 T2 X0 Y6 n: `* \
" S( Y* g  r8 W  x5 r  o0 f<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
9 n' p; E; k* H4 U
意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。

然後創建一個DIV和UL控制這段代碼，代碼如下
/ k8 s8 ]7 l( P1 s
# h  o# O: m9 C2 f2 s& U<div>
<ul id=link>
& ?7 X& d1 g1 V% v; {5 C<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
3 q& o1 W  l+ h</ul>
! a" e: p$ @5 @3 X7 K* l! }0 P2 W, |& a</div>

: d7 G( t# f# Y2 Q+ p; e這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。
6 {: Z) M  G3 k3 _9 ]
" ]4 k  N0 y" {# M8 n1 Q然後在模板的樣式表文件中創建如下代碼
7 ?2 l& u$ X! H/ n9 X6 Q3 x

#link {
; H/ ~, E5 ?" M! {0 X+ w        overflow: hidden;
        margin-right: 5px;
        margin-left: 5px;
        line-height:20px;
3 U) ~8 b, J1 Y8 r; n}
#link li {
        float: left;
1 L4 ?% Q1 |% F        padding-right: 15px;
        font-size: 12px;
}

6 E1 R) A2 V; m' w8 M
具體的邊界控制可以自己斟酌。

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

感謝樓主分享了。

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

感謝分享，收藏學習

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

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