為你的wordpress文章標題新增圖示
阿新 • • 發佈:2018-12-22
看到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>
注:以上三個圖示的地址需要根據自己的實際情況更改,圖示樣式也自己去素材網找了,各有所好。
當然,程式碼上面的“原創”及”轉載“分類名,可以根據自己需要,說白了,本文只是說明了如何把分類名與文章標題對應起來,大家可以舉一反三。