为你的wordpress文章标题添加图标

最新推荐文章于 2024-07-27 17:19:42 发布

原创最新推荐文章于 2024-07-27 17:19:42 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#wordpress #图标 #标题

wordpress 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何为WordPress博客文章标题添加图标，通过在loop-single.php中修改代码，实现根据不同分类显示“原”或“转”图标，以及为24小时内更新的文章添加“new”图标。读者可以自定义图标和分类名称，实现个性化标识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看到优快云的文章标题前用“原/转”两个小图标来表示文件类型很简洁，于是也想到为自己的wordpress博客增加类似功能。

我想实现在我写文章选择分类目录时，若属于“原创”分类，则显示“原”图标，若属于“转载”分类，则显示“转”图标。（当然要建立这两个分类哦！）同时在标题后面增加"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>

注：以上三个图标的地址需要根据自己的实际情况更改，图标样式也自己去素材网找了，各有所好。

当然，代码上面的“原创”及”转载“分类名，可以根据自己需要，说白了，本文只是说明了如何把分类名与文章标题对应起来，大家可以举一反三。