爲你的wordpress文章標題添加圖標

 看到CSDN的文章標題前用“原/轉”兩個小圖標來表示文件類型很簡潔,於是也想到爲自己的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>

注:以上三個圖標的地址需要根據自己的實際情況更改,圖標樣式也自己去素材網找了,各有所好。

當然,代碼上面的“原創”及”轉載“分類名,可以根據自己需要,說白了,本文只是說明了如何把分類名與文章標題對應起來,大家可以舉一反三。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章