新聞中心
WordPress網(wǎng)站后臺把友情鏈接修改成雙列顯示的方法
作者 / 無憂主機(jī) 時(shí)間 2015-12-30 16:15:13
很多站長朋友們?yōu)榱俗尵W(wǎng)站能夠很快取得排名,都會去申請一些權(quán)重高的友情鏈接加在自己的網(wǎng)站上。小編今天遇到了也是和友情鏈接有關(guān)的問題,一位站長朋友在無憂購買了目前銷售最火的香港獨(dú)立IP空間,然后幫這位朋友安裝了最新版本的wordpress程序,安裝后這位朋友開始自己搭建網(wǎng)站了,在搭建的過程中這位朋友說這款默認(rèn)的wordpress的模板,首頁側(cè)邊欄的友情鏈接是單列顯示的,添加的欄目多了,整體就會被拉的比較長,看上去不美觀,操作起來也不方便。如果能把友情鏈接修改成雙列顯示,友情鏈接數(shù)量多時(shí),就會美觀很多。操作起來也比比較方便了。小編想這個(gè)提議比較好,于是就分析了程序的中的控制代碼部分,花了十分鐘時(shí)間找到了處理方法,其實(shí)只要找到模板下控制樣式的style.css文件加一段CSS代碼就可以了。先給朋友們截圖看下: 設(shè)置方法:找到模板下的主題文件,然后在主題文件夾里找到style.css這個(gè)文件,使用高級編輯器打開在該文件最末端中添加如下CSS代碼:
.blogroll{ width:250px;//width,可以根據(jù)側(cè)邊欄的尺寸進(jìn)行相應(yīng)的調(diào)整。 display:block; /*記得清除浮動*/ overflow:auto; /*兼容IE6*/ zoom:1; } .blogroll li{ float:left; width:120px;//width,可以根據(jù)側(cè)邊欄的尺寸進(jìn)行相應(yīng)的調(diào)整。 display:block; }添加好了之后保存上傳覆蓋之前的文件。然后再退出重新登陸網(wǎng)站后臺就可以看到效果了哦。 無憂主機(jī)相關(guān)文章推薦閱讀: WORDPRESS教程:更換域名后需要注意的幾點(diǎn) WORDPRESS從本地搬家到PHP空間文章亂碼問題思考 WORDPRESS教程:解決文章ID不連續(xù)和修改自動保存文章時(shí)間間隔
本文地址:http://www.gle-technology.com/wordpress/21234.html