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

8 o9 F& P# y# r7 I/ |) Y$ u( [6 Z
# j# I% s9 O3 o4 sWordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。

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

然後，參照CSS手冊，就成功了。
- N, t% W) `* R( j5 _
3 v7 v/ T( H' B! W該代碼在IE與FF中測試均無錯。

: J9 H# m+ L0 O7 X% M& d友情鏈接的調用函數我採用的是如下所示的代碼

: D( Q- x5 B, T+ `* z' @<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
" N! V- Y. `0 B5 {2 Y5 ~0 @7 X
意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。
; ]7 V9 G3 {6 T3 e, u4 l
* ~9 Z6 r; D& m1 P5 d2 S% l; }) V然後創建一個DIV和UL控制這段代碼，代碼如下
* X4 J% v) Y3 @; Y3 @
<div>
<ul id=link>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>
5 M) P4 S% O# b$ U
這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。
, P* f7 r- c% U- l. y
2 D7 d3 s& s; Z0 q: T  ?+ d4 i然後在模板的樣式表文件中創建如下代碼


3 _8 y. {# _( ~. k( Z$ n; [' `#link {
        overflow: hidden;
        margin-right: 5px;
8 I' k" g% |2 _0 H7 p# ?* l        margin-left: 5px;
        line-height:20px;
}
#link li {
7 r* l' p1 S- L/ E" [+ F5 n        float: left;
        padding-right: 15px;
        font-size: 12px;
, {8 r6 o6 A2 T1 ^}


9 ^% z* T; N; s具體的邊界控制可以自己斟酌。
) [7 j& H- o# k: S4 I
6 B9 ~3 x- l. Y% \/ G8 }# O+ `  c最後兩個修改過的文件保存，就成功了。

感謝樓主分享了。

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

感謝分享，收藏學習

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

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