北海虽赊,扶摇可接,东隅已逝,桑榆非晚

WordPress模板主题实现Tag缩略图或图文混排

WordPress模板主题实现Tag缩略图或图文混排,就像本站一样。这个问题开始困扰了很久,找到方法后发现很简单。

1、首先是每篇文章都要有且只有一个TAG设置;

2、要给每个tag事先设置好精美的图片文件,且格式要统一,如gif,或png,或jpge,当然选择GIF和png的好处是背景可透明;同时将图片命名为tag的slug(The “slug” is the URL-friendly version of the name. It is usually all lowercase and contains only letters, numbers, and hyphens.)将图片文件统一存在tagimg文件夹,并将该文件夹放入你的模板目录中;

3、修改模板首页、日志页、归档页的代码

在模板文件的摘要前面加上以下代码,注意设置图片格式后缀,本站8431.info统一设置为gif

<div style=”width:80px;height:80px; margin-left:5px; overflow:hidden; float:right; “>
<?php
$posttags = get_the_tags();
if ($posttags) {
  foreach($posttags as $tag) {
    echo ‘<a href=”‘.get_tag_link($tag).'”><img src=” ‘.get_bloginfo(‘template_directory’).’/tagimg/’ . $tag->slug . ‘.gif” width=”70px” height=”70px” /></a>’;
  }
}
?>
</div>

除非注明,八四三一文章均为原创,转载请以链接形式标明本文地址
本文标题:WordPress模板主题实现Tag缩略图或图文混排
本文地址:http://www.8431.info/post/658998.html

上一篇:« 下一篇: »

欢迎您发表评论:

 站内搜索

文章归档


站点统计

  • 文章总数:201篇
  • 评论总数:106条
  • 标签总数:15 个
  • 浏览总数: 33761 次

友情链接(不分先后)

控制面板

图标汇集

  • 八四三一
www.8431.info  © 2018 八四三一 
星云博客 | 页面装载时间:0.231毫秒,43查询