Question to say "I can!"

河北快三号码和值推荐:wordpress创建个性化的友情链接页面

2013-12-04

首先可以看一下我的友情链接页面:

//www.w3jeb.cn/links

实现这个效果要感谢koya的文章帮助,结合自己的主题,创建步骤如下:

 

1.写links.php文件,这个不用多说了,可以在你的主题中引用其他的模版文件,在内容部分进行修改。

我的是这样写的

<div itemprop="description">
<div>
<ul>
<?php wp_list_bookmarks('title_li=&categorize=0&show_images=1'); ?>
</ul>
</div>

关于wp_list_bookmarks函数,你可以搜索一下,根据你的需要,修改参数,因为我不进行分类,所以categorize=0。

 

2.在style.css中添加优化链接列表的样式,代码如下:

.link-content{display:block;margin-bottom:20px;width:100%}
.link-content ul,li {list-style:none}
.link-content? ul{list-style:none;overflow:hidden;width:100%}
.link-content ul li{float:left;margin:10px 16px 10px 16px}
.link-content ul li a{display:block;overflow:hidden;width:110px;height:25px;color:#444;font-size:12px;line-height:25px}
.link-content ul li img{float:left;margin:4px 8px 2px 6px;width:16px;height:16px;line-height:16px}

这里要说的是,为什么要加.link-content ul,li {list-style:none}这一句呢?因为ul具有继承性,如果你前面.entry-content里有定义ul的样式,那么很可能会被加载到这里,然后在不同的浏览里显示不一样的效果,我原来没有加这一句时,链接的前面总会有个黑点,这个黑点就是因为.entry-content里定义的ul样式继承来的。所以,这里要再重新注销一下。

 

3.如果你还想再美观一点,那就在链接的前面加上对方网站的favicons吧,代码如下:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(".link-content a").each(function(e){
$(this).prepend("<img src=//www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( '//', '' )+">");
});
</script>

把这个放在第1部分代码的后面就可以了。这段jQuery的意思是遍历所有class为link-content下所有的a标签,然后对该a标签添加img,其中是“.link-content”要根据自己的模板更改。

 

4.最后用创建页面的方法,页面模板选择“链接模板”,就创建成功了(如果你的代码复制进去不成功,那有可能是标点符号的原因)。

作者:admin | Categories:设计问题 | Tags: 、、

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

  • 财经随笔:年近半百,“金融科技”仍是少年 2019-05-20
  • 山西寿阳:竹马戏演员的台前幕后 2019-05-19
  • 主城赏荷地图出炉 快带上相机出发 2019-05-19
  • 男人不安全了?日本读心美女机器人,你咋想的它全知道! 2019-05-03
  • 重庆市永川区:“1+8+X”模式探索基层人民调解新路子 2019-05-03
  • 春节我在岗:爸妈,儿子在军营给您们拜年了 2019-04-22
  • 传统文化,在中国文化里,居住是衡量一个家庭生活的基本因素。 2019-04-15
  • 俄韩就铺设途经朝鲜的天然气管道恢复磋商 2019-04-15
  • 经营者要想“我心换你心”,就要未雨绸缪,让不诚信的诱惑少一点,如此才能在市场中生存下来。反过来说,承担不起亏损就关门歇业,是否也是一种不诚信呢? 2019-04-11
  • 江西省能源集团公司党委副书记胡运生等2人被调查 2019-04-11
  • 乌鲁木齐:这个端午,他们的假日叫“坚守” 2019-03-29
  • 中国电信安康分公司60家智慧家庭便民服务中心盛大开业中国电信安康-最新活动 2019-03-28
  • 中心城区核心片组完成签约清零任务 2019-03-28
  • (Dos sesiones) Legislativo nacional de China concluye sesión anual Spanish.xinhuanet.com 2019-03-28
  • 西班牙一旅游公司官网竟把台湾和香港列为“国家” 2019-03-27
  • 920| 766| 192| 991| 252| 910| 71| 609| 648| 70|