【分享】wordpress友情链接横排显示技巧

【分享】wordpress友情链接横排显示技巧

首先使用FTP软件,二进制传送方式,备份并下载twentyten主题的footer.php、style.css文件用Editplus、Dreamweaver或其他编辑工具,在footer.php里德相应位置加入如下内容,用于放置友情链接。

<div id=”blog-roll”> <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘west_sidebar’) ) : wp_list_bookmarks(‘category_before=&category_after=&categorize=1′); endif; ?></div><!– #blog-roll –>

再用Editplus、Dreamweaver或其他编辑工具,在style.css底部加入如下CSS代码,定义blog-roll样式。

#blog-roll {
	width: 908px;
	padding:15px;
	background:#f6f6f6;
	border:1px solid #cccccc;
	margin:0 auto;
}
#blog-roll  h2 {
	width:100px;
	line-height:30px;
	font-size:16px;
}
#blog-roll  ul {
	float:left;
	margin:0px;
}
#blog-roll  li {
	list-style:none;
	width:128px;
	margin:0px 10px 10px 10px;
	background:#f3f3f3;
	float:left;
}
具体友情链接样式(颜色,宽度,背景色等)更改相应css代码即可。

标签:

声明: 本站wordpress主题均为原创转载请注明出处,本文固定地址:http://www.92off.com/wordpress-links.html