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. WordPress

    インストールするだけでブログ記事へのアクセス情報がわかるWPプラグイン『post-views』

    ブログを日々運営している人なら気になるのはアクセス数ですよね〜。いっ…

  2. 検索フォーム

    WordPress

    検索フォームを追加。

    ますますブログっぽくなってきた。検索するとこんな感じで表示される…

  3. コメント覧再デザイン

    WordPress

    またコメント覧いじった。

    なんか気に入らなくていじった。もう細かいところはよしとしよう。先に…

  4. 見た目を変更

    WordPress

    見た目を少し変更。シンプルにいく。

    モノトーンにして、シンプル路線にしようかな、と。まずはさくっと変更で…

  5. 関連記事表示

    WordPress

    関連記事プラグイン導入

    関連記事を記事の下部に表示させるプラグインを入れてみました。いくつ…

  6. top

    WordPress

    blogデザイン更新。

    ちょっと久しぶりにデザイン更新。シンプルに、blogへのリンク画像…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. イベント

    星や宇宙をテーマにした期間限定のカフェ「星☆宙カフェ」に行ってきた
  2. 日常

    ブライアン・イーノ「音楽映像インスタレーション展」
  3. じつは線香花火を作るのって難しい! 無印良品主催の線香花火手作りワークショップが熱い!

    イベント

    じつは線香花火を作るのって難しい! 無印良品主催の線香花火手作りワークショップが…
  4. 日常

    チェックはきびしく
  5. 日常

    『War of the worlds(宇宙戦争)』
PAGE TOP