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で見栄えを調整してあげるといいかと思います。

参考サイト

Secure Homes人の「手」を使ったクリエイティブなロゴデザイン35前のページ

ボタン1つでCSSファイルを軽量化!圧縮や整形が簡単にできる「csCSSc」次のページ

関連記事

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

    WordPress

    WordPressで記事タイトルの文字数制限をするやり方

    WordPressで記事タイトルの文字数制限をするやり方をメモしときま…

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

    WordPress

    the_tagsを使ってWordPressの投稿タグを表示させたり表示形式を替えたりしてみる

    WordPressで各記事につけた投稿タグを表示させたい場合にはthe…

  4. WordPress

    ブログ投稿を更新したら自動でツイートしてくれるWordPressプラグイン「WordTwit」を使っ…

    なんというか、毎回些細なこととはいえブログを更新する度に手動でツイート…

  5. Tetris

    WordPress

    レスポンシブに対応したmasonry風のフリーのWordPressテーマ「Tetris」

    Tetrisという素敵なフリーのWordPressテーマを見つけたので…

コメント

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

  1. 2012年 5月 07日

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP