本篇文章更新時間:2019/02/16
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣 或 新台幣 贊助支持。
標題非常拗口,直接看圖。
這種分類列表其實還滿常見的,如果要整合 WordPress 的分類呢? 會需要額外能夠在分類上指定封面特色圖的功能。
而列表部分,既然是有主分類架構,那就是可以個別控制,採用主分類當參數,顯示所有子分類的做法。這個案例經過討論也還是採用短碼客制化不直接硬寫樣板檔案,可以復用。
分類開啟特色圖片功能部分採用:Categories Images 這款外掛。它能夠讓你輕鬆指定分類對應的圖示,以及保留開發彈性,實在很不錯!
而剩下短碼(shortcode)的部分如下:
function mxp_display_child_cats_list($atts) {
extract(shortcode_atts(array(
'slug' => '',
), $atts));
$category = get_category_by_slug($slug);
if ($category == false) {
return '找不到主分類!';
}
$categories = get_categories(array('child_of' => $category->term_id, 'hide_empty' => 0, 'orderby' => 'name'));
$html = '';
for ($i = 0; $i < count($categories); $i++) {
$cat = $categories[$i];
$term_id = $cat->term_id;
$name = $cat->name;
$img = 'https://www.mxp.tw/path/to/default/image.png';
$cslug = $cat->slug;
$html .= '- ';
if (function_exists('z_taxonomy_image_url')) {
$img = z_taxonomy_image_url($term_id);
$html .= '
';
}
$html .= '' . $name . '';
$html .= ' ';
}
$html .= '
';
return $html;
}
add_shortcode('display_child_cats_list', 'mxp_display_child_cats_list');
使用方式就是把上面這段寫入子主題中的 functions.php
檔案裡。
然後在指定需求頁面中安插短碼!
短碼使用方式: [display_child_cats_list slug="主分類slug"]
或如下方式,安插在主題樣板檔案中即可~