为你的wordpress文章标题添加图标
2014-11-22 00:38
856 查看
看到CSDN的文章标题前用“原/转”两个小图标来表示文件类型很简洁,于是也想到为自己的wordpress博客增加类似功能。
我想实现在我写文章选择分类目录时,若属于“原创”分类,则显示“原”图标,若属于“转载”分类,则显示“转”图标。(当然要建立这两个分类哦!)同时在标题后面增加"new"图标来对24小时内更新的文章进行标识。
请重点关注add by linxiaojia部分。
打开loop-single.php,在the_title()函数前后下工夫。如下:
注:以上三个图标的地址需要根据自己的实际情况更改,图标样式也自己去素材网找了,各有所好。
当然,代码上面的“原创”及”转载“分类名,可以根据自己需要,说白了,本文只是说明了如何把分类名与文章标题对应起来,大家可以举一反三。
我想实现在我写文章选择分类目录时,若属于“原创”分类,则显示“原”图标,若属于“转载”分类,则显示“转”图标。(当然要建立这两个分类哦!)同时在标题后面增加"new"图标来对24小时内更新的文章进行标识。
请重点关注add by linxiaojia部分。
打开loop-single.php,在the_title()函数前后下工夫。如下:
<h1 class="entry-title"> <?php //add by linxiaojia 20141103 for 分类 $cats=get_the_category(); foreach($cats as $cat) { if($cat->cat_name=="原创") { $y_flag=1; break; } } if($y_flag==1) echo "<img src='原创图标的地址' />"; else echo "<img src='转载图标的地址' />"; //end add the_title(); //add by linxiaojia 20141103 for 显示new $t1=$post->post_date; $t2=date("Y-m-d H:i:s"); $diff=(strtotime($t2)-strtotime($t1))/3600; if($diff<24) { echo "<img src='new图标的地址' />"; } else { echo ""; } //时间超过时候显示空白 //end add ?></h1>
注:以上三个图标的地址需要根据自己的实际情况更改,图标样式也自己去素材网找了,各有所好。
当然,代码上面的“原创”及”转载“分类名,可以根据自己需要,说白了,本文只是说明了如何把分类名与文章标题对应起来,大家可以举一反三。
相关文章推荐
- Wordpress文章优化:文章分页和标题添加页码避免标题重复
- wordpress文章分页如何为标题添加页码
- WordPress 给最新文章和置顶文章添加new和top图标
- WordPress文章添加版权信息文字和图标
- 在listview 控件标题上添加图标的模块 (VB)
- WordPress 文章内容添加分页的方法
- 新文章后面添加NEW图标代码
- WordPress非插件添加文章浏览次数统计功能
- Windows Shell扩展系列文章 2 - .NET 4为扩展的Windows Shell上下文菜单项添加位图图标
- WordPress文章自动提取tag并添加链接
- 在listview 控件标题上添加图标的模块 (VB)
- WordPress非插件添加文章浏览次数统计功能
- Flex利用titleIcon属性给Panel容器标题部添加一个ICON图标
- 为你的IOS程序添加ICON图标
- 文章标题: 在右键中添加自定义菜单
- wordpress写文章添加媒体没反应
- WordPress文章标题截断输出
- wordpress点击文章标题调到站外URL
- 【vscode 插件】为 markdown 文章标题自动添加多级序号
- wordpress 通过the_title()和get_the_title函数获取文章标题