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でプラグインなしで関連する記事を一発で呼び出す関数をfunctions.phpに記…

    WordPressのシングルページで、よく記事の終わりにその記事に関連…

  2. WordPress

    WordPressのheader.php内でよく使いそうな関数などをまとめてみた

    WordPressで自作のテーマを作成する時にheader.phpでよ…

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

    WordPress

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

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

  4. WordPress

    WordPressで「この記事の所要時間」という読了時間を表示させてくれるプラグイン「estimat…

    とても便利なWordPressのプラグインを発見したので備忘録です。よ…

  5. Last Updated Shortcode

    WordPress

    最後に更新された日付時間をショートコードで表示できるWordPressプラグイン「Last Upda…

    WordPressの記事内に最後に更新した日付時間を表示できるWord…

  6. WordPress

    WordPressでオリジナルテーマを作成する時などにチェックしてくれるプラグイン「Theme-Ch…

    このプラグインはすごいですね。自作のテーマを作成した時なんかにこれを使…

コメント

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

  1. 2012年 5月 07日

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP