記事タイトルを一覧表示して目次みたいなものを作る【WordPress】

技術ブログを書いていて思ったのが、通常のブログのデザインだと記事を探しづらいこと。

1ページに10記事程度しか表示されないので他に自分の見たいような記事があるかどうかわからない。もしユーザーが「こういう記事もないかな?」と思っても探すことができない。

そう思ったので技術ブログのトップページは目次みたいな感じに各記事のタイトルを一覧表示するようにしてみました(‘ω’)ノ

function categoryList($category){
    global $post;
    $arg = array(
            'posts_per_page' => -1, // -1は全部の意味
             'orderby' => 'date', // 日付でソート
             'order' => 'DESC', // 最新から表示示
             'category_name' => $category // 表示したいカテゴリーのスラッグ名
         );
    $posts = get_posts( $arg );
    if( $posts ): ?>
        <div class="headline-list">
            <ul>
                <?php foreach ( $posts as $post ) :
                    setup_postdata( $post ); ?>
                    <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <span class="date">(<?php the_time( 'Y.m.d' ); ?>)</span></li>
                <?php endforeach; ?>
            </ul>
        </div>
    <?php endif;
    wp_reset_postdata();
}

functions.phpに上記を追加してください。

で、以下のように一覧で表示したい部分に入れてください。

<h2>見出し(カテゴリー名+α)</h2>
<?php categoryList("カテゴリースラッグ名"); ?>

指定したカテゴリー内の記事のタイトルがすべてリストで表示されます。

これを全カテゴリー分やれば目次っぽくなります。

まとめ

正直、他のブログも全記事のタイトルが見れる目次みたいなのを作ってもらいたいですよね。

それともドン・キホーテ的なごちゃごちゃ感で他の記事も見てもらおうって感じなのかなぁ(´・ω・`)

普通のブログならごちゃごちゃでもいいだろうけど技術ブログなら目次あった方が親切だよね?(`・ω・´)

当サイトのオリジナルゲーム(ランダム表示)

ひったくり犯を追いかけるランゲー。道に落ちている障害物には気を付けて。
平面なルービックキューブみたいなゲーム。スライドさせて模様を完成させます。
爆弾を設置して爆発で敵を倒す懐かしいレトロゲーム。敵をすべて倒すとステージクリアです。...
enchant.jsでこんなのもできるのか?と試したテストゲーム。

記事の感想・コメント

※コメントはまだありません※

コメントを残す

メールアドレスが公開されることはありません。

おすすめメニュー

ゲーム一覧ページへのリンク画像
ゲーム開発技術ブログへのリンク画像
pixi.jsでのゲーム開発へのリンク画像
enchant.jsでのゲーム開発へのリンク画像
グッズページへのリンク画像

ゲームタグ一覧