最新消息:郑州SEO笔记与大家一起分享和学习seo知识,一起分析网站seo案例,探析seo技巧!

自定义WordPress友情链接样式(修改方法示例)

服务器 admin 653浏览

css样式,这个是直接添加在首页顶部

<style type="text/css">
.lists {padding:5px; margin:10px auto auto 0;}
.link-content li{float:left;text-align:center;width:33.3%;font-size:12px;margin-bottom:15px;list-style-type:none !important;}
.link-content li img{margin:8px;transition:0.6s;-webkit-transtion:0.6s;max-width:90%;height:auto;vertical-align: middle;}
.link-content li span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.link-content li:hover img{transform:scale(1.5);-webkit-transform:scale(1.5);}
</style>

调用底部友情链接,这个方法是网上找的,可以正常调用,可以正常调用标签前后的样式,不知道怎么排序

<!-- links pages -->
<div class="lists"> 
<?php $bookmarks=get_bookmarks();
if ( !empty($bookmarks) ){
echo '<ul class="link-content clearfix">';
foreach ($bookmarks as $bookmark) {
echo '<li><a href="' . $bookmark->link_url . '" title="' . $bookmark->link_description . '" target="_blank" ><img src="'. $bookmark->link_image .'"><span class="sitename">'. $bookmark->link_name .'</span></a></li>';
}
echo '</ul>';
}
?>
</div>

转载请注明:郑州SEO优化_郑州网站优化 » 自定义WordPress友情链接样式(修改方法示例)