【WordPress】ショートコードで目次みたいな記事一覧を表示する

1. 作成した子テーマのfunctions.phpをエディタで開
2. 一番下に以下のコードを記述する

/*
* 指定カテゴリーの投稿一覧を取得
*/
function getWorkList($atts) {
    extract(shortcode_atts([
        'orderby' => "date", // 並び順の基準
        'order' => "ASC", // 並び順 ASC(昇順) or DESC(降順)
        'category_slug' => "", // カテゴリーのslug
        'count' => -1, // 表示する投稿数　-1 ならすべて表示
        'list_type' => "ul", // ul(リスト) or ol(番号リスト)
        'class' => "", // リストに設定したいクラス
        'view_title' => 1, // タイトルを表示するか 1(表示する) or 0(表示しない)
        'title' => "", // タイトル(なければカテゴリー名から取得)
        'title_obj' => "h2" // タイトルのHTML要素
    ], $atts));
    
    $args = [
        'numberposts' => $count,
        'orderby' => $orderby,
        'order' => $order,
        'post_type' => "post",
        'post_status' => 'publish',
        'suppress_filters' => true
    ];
    if (!empty($category_slug)) $args['category_name'] = $category_slug;
    $posts = get_posts($args);
    
    $html = "";
    
    // タイトルを表示するか
    if ($view_title) {
        if (empty($title)) $title = get_category_by_slug($category_slug)->cat_name;
        $html .= '<'. $title_obj. '>'. $title. '</'. $title_obj. '>';
    }
    
    // リストの用意
    if (empty($class)) {
        $html .= '<'. $list_type. '>';
    } else {
        $html .= '<'. $list_type. ' class="'. $class. '">';
    }
    
    // 記事一覧出力
    foreach($posts as $post) {
        // パスワードがあるか
        if (post_password_required( $post->ID )) {
            $html .= '<li class="on-password">';
        } else {
            $html .= '<li>';
        }
        $html .= '<a href="'. get_permalink($post->ID).'">'. $post->post_title. '</a></li>';
    }
    
    $html .= '</ul>';
    return $html;
}
add_shortcode('work_list', 'getWorkList');

3. 作成した子テーマのstyle.cssをエディタで開く
4. 一番下に以下のコードを記述する

.on-password::after {
    content: "(pass)";
    margin-left: 5px;
    font-size: small;
}

1. WordPressの管理画面にログインする
2. メニューから投稿>カテゴリーを開く