成都网站建设

拥有10年以上经验丰富的网站制作团队,具备科学的建站流程和快速的客户服务体系

成都网站建设专家

整合营销专家

短时间、快速度、操作简单、低投入品牌展示率

成都整合营销专家

网站优化推广

包年网站优化,百度自然排名首页,真正实现点击不收费!

成都网站优化推广

主机域名

集群式CDN加速,打开速度快速,利于优化排名

独立IP主机
您当前位置:成都网站建设 >> 新闻频道 >> 成都网站建设 >> 浏览文章

WordPress博客友情链接横向排列方法


时间:2013年11月13日 点击量:

做wordpress博客,直接调用Link Manager这个插件占用的空间实在是太多了,刚开始用这个程序做博客时我直接用的这个插件但是开始链接是向下竖着排成一列的,前面还有列表符号,不太好看也比较占地方,于是希望看能不能通过调整CSS来让友情链接在页面最下面以横排显示,这样既好看,又不占空间而且也比较符合一般网站的习惯,也是一种优化的小技巧。  之前在百度搜索好久也没找到这种相关的教程,下面来跟大家分享一下!!

WordPress博客友情链接横向排列技巧!下面的很重要,不然会添加不正确!!!

1、备份并下载网站根目录wp-content/themes/twentyten目录下的footer.php、style.css文件

2、用Dw或其他编辑工具,在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 –>
3、用Dw修改style.css文件下的 css样式

#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;
}
加上这个就可以直接调用显示,在这里我只是提供一个小小的思路,后面用的话可以根据自己的网站进行微调,适合自己的才是最好的!!

总结:

这个调用虽然很小,但是关系着整个网站的美观程度,这也是我们做优化的一个方面。希望以上可以帮助到大家,有什么不懂得可以加网站底部QQ群与我交流,谢谢!!

文章由四川冠辰成都网站建设http://www.scgckj.com/7384.html编辑整理,转载请注明出处
相关阅读:
网站首页| 关于我们| 热门关键词| 付款方式| 资质证书| 联系我们
版权所有 Copyright © 2002-2013 四川冠辰科技开发有限公司www.scgckj.com 保留所有权利 蜀ICP备11012605号
地址:四川省成都市金丰路6号量力钢铁交易大厦B座2010室 冠辰科技资质证书
服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823