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つの手段として覚えておきたいですね。

参考サイト

関連記事

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

    WordPress

    WordPressの投稿画面タイトル欄に文字をペーストすると下にズレるのを直すやり方

    かなりどうでもいい内容なんですが、ちょっと個人的に気になってたので備忘…

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

    WordPress

    WordPressで投稿スラッグを指定して特定の記事だけを表示させる関数を作ってみた

    意外と使う機会があるのでメモがてらご紹介します。WordPressで特…

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

    WordPress

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

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

  4. ツールバーが表示されない時の対処方法

    WordPress

    WordPressのツールバー(管理バー)が表示されない時の対処方法

    WordPressで自分のサイトにログインすると画面上部にツールバー(…

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

    WordPress

    WordPressでカテゴリーとタグのリストを一緒に出力して表示させるやり方

    色々と悩んだ結果、これが一番手っ取り早くて簡単だったのでメモしときます…

コメント

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

最近の記事

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

Facebookページ

PAGE TOP