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

6 P" d; j+ t+ X% t' ^/ _+ O( U( M
2 P6 \$ k% [; c$ A& g# eWordPress 中友情鏈接的調用是採用多行一列顯示的，最近在構建英文站中由於要大量拓展外鏈，所以過多的鏈接會影響頁面的美觀，就打算把友情鏈接放在網站的底部來顯示。
, ?& w  n( e' V  U( B; B4 G5 h" o
3 h' [8 V  k9 p4 Z' G7 B在修改過程中，發現友情鏈接的排版是採用<li>友情鏈接</li>控制的，扒了很多資料也無法去除掉li標籤，最後不得不想辦法在CSS下去控制。
3 \# F. F. E/ l8 w- B1 [
然後，參照CSS手冊，就成功了。
7 c/ _, M7 t) a
' ?3 a6 u2 H; O1 q* D5 A! c該代碼在IE與FF中測試均無錯。

7 k! a# L- b/ f$ R4 K友情鏈接的調用函數我採用的是如下所示的代碼
$ Z6 T! l% {6 Q! ?  E( G
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
. U4 A8 D: l: j
. l/ K' q8 ?$ ?, T+ g+ C. H6 J1 F意思就是去掉友情鏈接的TITLE顯示，只顯示列表，不顯示列表標題。
! e9 Q) a! D: X$ Z) A1 q) ]0 |
, P0 X  ]5 c5 l0 E$ e' s然後創建一個DIV和UL控制這段代碼，代碼如下
( Z0 L5 g0 p: B! B# |4 h
<div>
<ul id=link>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
" Q4 {# P, p* K' P& E</ul>
3 R8 m, `# ]" q& ]2 e</div>
8 E% y% e7 @3 |3 d; @. |/ s5 `
6 D" o& h6 j& r( ]- G  t) `2 p這段代碼放到你認為合適的地方就行了，可以是首頁，也可以是footer.php文件中，區別就是第一個是首頁顯示，第二個是全站顯示。

然後在模板的樣式表文件中創建如下代碼
7 W# e4 V) l! m- n" p( L. G: P7 e1 S
- l+ F( E! e! p) T: @& C) j; b" z
5 F/ j4 @5 `/ m/ @#link {
4 J1 l9 z$ u$ Q        overflow: hidden;
- ?! m( Q4 ~: P  L6 d/ F" B        margin-right: 5px;
        margin-left: 5px;
- W- R/ _* m. Q7 |) _$ V        line-height:20px;
' C3 Z8 q, X* f" C7 {6 I! l5 t) z}
#link li {
# }+ Q& {& O& K  {! G9 S        float: left;
- k, [/ W! ~2 \! m4 Y- [2 g        padding-right: 15px;
        font-size: 12px;
: c1 b) X  T0 ~6 D: T}
; F& ]: z2 D6 j) L' ^, w
5 H0 J! a1 n9 Z5 j. ?4 P
具體的邊界控制可以自己斟酌。

5 l. t( T5 }; D- l5 A) b2 X6 z5 K最後兩個修改過的文件保存，就成功了。

感謝樓主分享了。

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

感謝分享，收藏學習

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

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