WordPressのログイン時のツールバー

WordPress

WordPressでランダム記事の一覧をプラグインを使わないで表示させるやり方

先日、WordPressで最新記事の一覧をプラグインを使わないで表示させるやり方を紹介したんですが、今回はランダムに記事の一覧をプラグインを使わずに表示させるやり方です。ランダム記事を表示させるメリットとしては、埋もれてしまった昔の記事なども表示させることができるという点です。せっかく書いた記事をそのまま埋もれさせているのはもったいない!って感じる人はこの機会にサイトに表示させてみてもいいかもしれませんね。

[ads_center]

ランダム記事一覧を表示させる

最新記事一覧の時と同じようにfunctions.phpに以下を記述します。posts_per_pageに表示させたい記事数をあとから引数で渡せるようにしておきます。

// ランダム
function random_post_list($show_num) {
    query_posts('posts_per_page=' . $show_num . '&orderby=rand');
    if(have_posts()) {
        while(have_posts()) {
            the_post();
            echo '<li><a href="';
            the_permalink();
            echo '">';
            the_title();
            echo '</a><span>(';
            the_time('Y年m月d日');
            echo ')</span></li>';
        }
    }
    wp_reset_query();
}

これで、サイドバーなど表示させたい場所で以下のように記述します。引数に5を指定することで5件の記事を表示させることができます。

<ul>
    <?php random_post_list(5); ?>
</ul>

アイキャッチのサムネイルをつけたい場合は前回と同様にthe_post_thumbnailをつけてあげると表示させることができます。

// ランダム
function random_post_list($show_num) {
    query_posts('posts_per_page=' . $show_num . '&orderby=rand');
    if(have_posts()) {
        while(have_posts()) {
            the_post();
            echo '<li>';
            the_post_thumbnail(array(50,50), array('class' => '好きなクラス名'));
            echo '<a href="';
            the_permalink();
            echo '">';
            the_title();
            echo '</a><span>(';
            the_time('Y年m月d日');
            echo ')</span></li>';
        }
    }
    wp_reset_query();
}

あとはCSSで見栄えを調整してあげるといいかと思います。

参考サイト

関連記事

  1. WordPress

    WordPressのシングルページで前後の記事リンクを条件判定で出力するやり方

    以前 WordPressのシングルページで前後の投稿やページ分割のリン…

  2. WordPress

    WordPressで特定の記事やページにカスタムフィールドで指定したCSS・JSファイルを読み込む

    個人的に今後ちょっと使いそうな機能だったのでメモがてらエントリー。Wo…

  3. WordPress

    wp_nav_menuでWordPressのカスタムメニューを表示させる

    カスタムメニューを試していたら改めて便利だなと思ったのでメモしときます…

  4. WordPress

    MAMP(インストール済)でWordPressをローカル環境で動かすまでの簡単な手順

    久しぶりにMAMPを使って新しいWordPressのローカル環境を作っ…

  5. WordPressのログイン時のツールバー

    WordPress

    WordPressのトップページ(index.php)で公式ツイートボタンのURLを各記事別になるよ…

    ちょっとした備忘録です。WordPressのトップページで公式ツイート…

  6. WordPress

    AkismetのAPIキーを無料で取得する

    WordPressでブログを始めてみたのでとりあえず定番らしきプラグイ…

コメント

  1. この記事へのコメントはありません。

  1. 2012年 5月 07日

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP