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

WordPress

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

WordPressで最新記事の一覧をウィジェットやプラグインを使わないで表示させるやり方です。functions.phpに関数として記述して、サイドバーなどからそれを呼び出すようにします。引数には表示する記事数を渡せるようにしていおくと何かあった時に変更なんかもしやすくなりそうですね。

[ads_center]

最新記事一覧を表示させる

以下のコードをfunctions.phpに記述します。

// 最新記事
function new_post_list($show_num) {
    query_posts('showposts=' . $show_num . '"');
    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 new_post_list(5); ?>
</ul>

これで表示させてみるとこんな感じで表示されます。

サンプルテキスト01(2012年04月01日)
サンプルテキスト02(2012年04月02日)
サンプルテキスト03(2012年04月03日)
サンプルテキスト04(2012年04月04日)
サンプルテキスト05(2012年04月05日)

表示されるHTMLは必要に応じて変更しちゃって下さい。ちなみに各記事のアイキャッチのサムネイルも一緒に表示させたいって場合は以下のようにthe_post_thumbnailを使えば表示させることができます。

// 最新記事
function new_post_list($show_num) {
    query_posts('showposts=' . $show_num . '"');
    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つの手段として覚えておきたいですね。

参考サイト

JavaScriptのlocation.searchでクエリ情報を取得してみる前のページ

JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方次のページ

関連記事

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

    WordPress

    WordPressでキーワードを登録しておくと自動でリンクをつけてくれるプラグイン「WP Keywo…

    なかなか便利だったのでご紹介します。WordPressで自分が登録した…

  2. Quote Tweet

    WordPress

    選択したテキストをツイートできるWordPressプラグイン「Quote Tweet」

    Quote Tweetはサイト内で選択したテキストを簡単にツイートする…

  3. ベストなWordPressテーマ集

    WordPress

    無料&有料のベストなWordPressテーマ集(2014年8月)

    ベストなWordPressテーマ集(無料&有料、2014年8月)「Be…

  4. WordPressでmicrodataを使ったパンくずリスト

    WordPress

    WordPressでパンくずリストをmicrodataを使ってマークアップするやり方

    そういえばこのサイトではまだパンくずリストを作成していなかったので今回…

  5. WordPressで投稿IDを指定した記事をランダム表示

    WordPress

    WordPressで複数の投稿ID(記事ID)を指定した記事をランダムで表示させるやり方

    個人的にやってみたかったので備忘録。WordPressで自分が作った関…

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

    WordPress

    WordPressの囲み型ショートコードの基本的な使い方

    WordPressのショートコードはとても便利で色々なことができるんで…

コメント

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

最近の記事

  1. チャイラテ
  2. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  3. COMOLI ナッピングウールショーツ
  4. 川上庵(麻布十番)牡蠣天せいろ
  5. COMOLI ウールフリースセットアップ
PAGE TOP