WordPress

サムネイル付きで最近の記事を表示できるWordPressプラグイン「Newpost Catch」

Newpost Catch08

WordPressにはデフォルトで最近の投稿をまとめて表示できるサイドバーのウィジェットがあります。ですが、これはテキスト表示のみでサムネイルを表示してくれません。テーマによって違うかもしれませんが。

テキストだけではなくサムネイルも一緒に表示したほうが、読者の目にも止まりやすいと思います。かといって自力でHTMLとかいじるのはメンドーです。

そこでプラグインでさくっと「サムネイル付き最新記事一覧」を表示させたい!

そんなときに使えるWordPressプラグインが「Newpost Catch」です。

インストール

  1. プラグイン項目「新規追加」を選択
  2. Newpost Catch01

  3. プラグインの検索
  4. 「Newpost Catch」で検索します。
    Newpost Catch02

  5. インストール
  6. 検索を実行すると見つかります。
    「いますぐインストール」しましょう。
    Newpost Catch03

  7. プラグインを有効化
  8. インストールが完了したら「プラグインを有効化」しましょう。
    Newpost Catch05

設定

  1. ウィジェットを追加
  2. 外観項目のウィジェットに「Newpost Catch」が追加されています。
    これを使いましょう。
    Newpost Catch06

  3. ウィジェットの設定
  4. 設定項目はたったのこれだけ。
    カンタンでいいですね♪

    せっかくだから「いいね!」しておきましょうか。
    設定したら「保存」をお忘れなく。
    Newpost Catch07

  5. CSSをいじる
  6. 設定するだけでもそれっぽく表示されますが、デザインを他と統一したいのであればプラグインのCSSを直接書き換えましょう。

    サーバーのWrodPressフォルダの以下にあるCSSをいじります。

    「plugins > newpost-catch > style.css」

    デフォルトでは以下のような設定になってます。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    
    #npcatch li{
        overflow:hidden;
        clear:both;
        margin:0px 0px 0px;
    }
     
    #npcatch img{
        float:left;
        padding:5px 10px;
    }
     
    #npcatch .title{
        width:135px;
        float:left;
        padding:5px 5px 5px 0px;
    }
     
    #npcatch li:hover{
    }
     
    #npcatch li:hover .title{
    }
     
    #npcatch li:hover .title a{
    }
     
    #npcatch li:hover .date{
    }

    もしも自分でCSSファイルを一つのファイルで管理しているのであれば、ここの設定をコメントアウトしてしまえばOK。

これだけカンタンに設定できるなんて助かりますね♪

関連記事

  1. Auto_Post_Thumbnail.jpg

    WordPress

    MarsEditでアイキャッチの設定が簡単にできるWPプラグイン「Auto Post Thumbna…

    ブロガーで「MarsEdit」を使っている人は多いことでしょう。そし…

  2. インストールするだけでお手軽セキュリティ対策「SiteGuard WP Plugin」

    WordPress

    インストールするだけでお手軽セキュリティ対策「SiteGuard WP Plugin」

    セキュリティ対策のプラグインは、簡単な設定だけで効果的なものがいいに決…

  3. WordPressの基本的な設定項目をおさらい3「表示設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい3「表示設定」篇

    WordPressの設定項目のおさらい。こういうのはすぐに忘れてしまう…

  4. アイキャッチと本文画像の最初がダブっているときの対処法

    WordPress

    アイキャッチと本文画像の最初がダブっているときの対処法

    テーマによると思いますが、アイキャッチと本文の一番最初にくる画像が…

  5. 20120623111008

    WordPress

    Twitterボタンの導入メモ

    Twitterボタンはわりとカンタンに導入できますね。すでにブログ…

  6. WordPressの基本的な設定項目をおさらい2「投稿設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい2「投稿設定」篇

    WordPressの基本設定をおさらい、というかメモです。設定項目の投…

最近の記事

  1. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  2. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  3. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  4. コミックのイラストが新鮮だった!『MARVEL展』
  5. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  6. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」
  7. 水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」
  8. 【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」
  9. 【無印良品】普通に使えるクリップが安くてうれしい「袋止めクリップ・大」
  10. 今年の手帳はコレに決めた♪「ほぼ日手帳 2017 オリジナル」

アーカイブ

  1. 日常

    Dell、やるじゃん
  2. 「アトミ式フォロワー管理機」で効率良くTwitterフォロワー管理♪

    サービス

    「アトミ式フォロワー管理機」で効率良くTwitterフォロワー管理♪
  3. friday_night_magic-1.jpg

    MTG

    【MTG】初心者も復帰組も気軽に参加できるカジュアル・トーナメント「フライデー・…
  4. WordPress4.1でMarkDown記法を使うように設定してみた

    WordPress

    WordPress4.1でMarkDown記法を使うように設定してみた
  5. 日常

    早起き作戦
PAGE TOP