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

$ t" @1 N3 ?. Y. w
WordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。

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

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

$ u' T# ?: i7 l+ B& N- F' W( p該代碼在IE與FF中測試均無錯。

友情鏈接的調用函數我採用的是如下所示的代碼
+ V  M) l! N  Q6 I8 b3 p) m9 {
. e& h& l6 ]9 g0 g) y<?php wp_list_bookmarks('title_li=&categorize=0'); ?>

- I+ k6 s$ K3 x. P9 y% e  h意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。
, l* c" `. J* }5 B9 m/ k( d
然後創建一個DIV和UL控制這段代碼，代碼如下
# k6 x7 x5 G0 x( j( \
/ {4 B4 B& W( @* K<div>
<ul id=link>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
- K9 T/ P, G0 q4 d3 _, o+ n- z& l</ul>
</div>

這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。
1 `# e9 S0 q6 ^# x
然後在模板的樣式表文件中創建如下代碼


- _6 z, Y3 U2 D) H#link {
% f+ w  Y. A( \2 e        overflow: hidden;
        margin-right: 5px;
        margin-left: 5px;
4 E% D- ?, e: O        line-height:20px;
}
4 b+ P% P! x) o9 F6 s* `#link li {
        float: left;
        padding-right: 15px;
$ [& U; K0 p( p% k        font-size: 12px;
}


, {# _/ p% o: a1 v( Y) |具體的邊界控制可以自己斟酌。
$ {8 ^% m4 u0 v- j
最後兩個修改過的文件保存，就成功了。

感謝樓主分享了。

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

感謝分享，收藏學習

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

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