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

9 {  F& o/ r! B& vWordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。

0 G; E0 D7 i' z在修改過程中，發現友情鏈接的排版是採用<li>友情鏈接</li>控制的，扒了很多資料也無法去除掉li標籤，最後不得不想辦法在CSS下去控制。
& r8 j; t8 P' p( A
2 ^' m, P' Y- }6 b; Z6 W; f然後，參照CSS手冊，就成功了。
! X* R6 a/ H. d# Q' f9 P3 m$ l) M! L
該代碼在IE與FF中測試均無錯。
( S) Z- h5 {4 t* a
1 r' _* W, w7 v友情鏈接的調用函數我採用的是如下所示的代碼

9 r. G1 \4 M* C2 @7 a' H<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
' X2 Q8 j) C' u' ~+ L
% @5 q$ }$ E1 U0 a, |5 j意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。
# m9 G' P' ^4 _$ a+ b# b: c) m. a) l
然後創建一個DIV和UL控制這段代碼，代碼如下
% @  |& s( X* D; o# N
8 D+ R" e& e8 A( t<div>
<ul id=link>
8 x1 a) l; g' c3 N) s9 _. E<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>

! M  ]& V, E( f6 b& ?) e這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。

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

3 t" ]* n- p" L2 N, ^
% V2 M; D. ]$ r+ Q6 @#link {
& W( r8 }& o5 G; O6 U. C        overflow: hidden;
        margin-right: 5px;
' x" v/ y7 f+ D, y        margin-left: 5px;
" u6 \' f: I3 t4 {0 ^) l        line-height:20px;
( D" \, ?; e* l) ~6 G}
#link li {
! E1 i) b" {- c7 @0 T4 p        float: left;
# z/ @# y7 ^; m  X) X5 k        padding-right: 15px;
        font-size: 12px;
' F4 B( k! f1 ^}

. e( u: [* }. \& ]5 I% N" o4 T
: Q+ ~# G6 U0 k' \# Q$ d7 s具體的邊界控制可以自己斟酌。

5 u" r# U7 S& |+ c+ o  c最後兩個修改過的文件保存，就成功了。

感謝樓主分享了。

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

感謝分享，收藏學習

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

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