1. 程式人生 > >為你的wordpress文章標題新增圖示

為你的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>

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

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