Newpost Catch

サムネイル画像付きの最近の投稿を一覧表示する – Newpost Catchの使い方

Newpost Catch

Pocket

Newpost Catchとは

Newpost Catchは、サムネイル画像付きの新着記事を表示するプラグインです。ワードプレスにはデフォルトで「最近の投稿」というウィジェットが備わっていますが、これにはサムネイル画像を表示する機能がついていません。Newpost Catchには、サムネイル画像のサイズや表示させる投稿件数を設定することができます。
詳細記事から新着記事への案内をスムーズに行うために便利な「最近の記事」一覧を活用しましょう。

Newpost Catch をインストール

プラグインのインストール画面に移動

プラグインのインストール画面に移動

WordPressの管理画面・ダッシュボードを表示します。左側のメニューの一覧から プラグイン > 新規追加 を選びプラグインのインストール画面に移動します。

Newpost Catch を検索する

Newpost Catch を検索する

プラグインのインストール画面に移動したら、検索窓に「Newpost Catch」と入力し プラグインの検索 をクリックします。WordPress プラグインディレクトリ からプラグイン「Newpost Catch」を自動的にインストールできます。

Newpost Catchのインストール

Newpost Catchのインストール

プラグインのインストール画面で検索結果が表示されます。検索結果の一覧の中から「Newpost Catch」を探し、 いますぐインストール をクリックします。現在の最新バージョンは Newpost Catch バージョン 1.2.8 です。

プラグイン:Newpost Catchの有効化

プラグイン:Newpost Catchの有効化

プラグイン Newpost Catch のインストールが完了しました。インストール完了時に表示された画面の プラグインを有効化 をクリックし、プラグイン:Newpost Catch を有効にします。


プラグイン:Newpost Catch が有効化されました

プラグイン:Newpost Catch が有効化されました。有効化をクリックするとプラグイン:Newpost Catch が有効化され、「インストール済みプラグイン」の画面が表示されます。プラグイン:Newpost Catch が有効化された状態で表示されています。

Newpost Catch の使い方 – ウィジェット編 –

ウィジェット設定画面に移動します

ウィジェット設定画面に移動

WordPressの管理画面・ダッシュボードを表示します。左側のメニューの一覧から 外観 > ウィジェット を選びウィジェット設定画面に移動します。

ウィジェットに Newpost Catch を追加する

ウィジェットに Newpost Catch を追加する

利用できるウィジェットの中から Newpost Catch を表示したいサイドバーへドラッグ&ドロップします。

Newpost Catch の詳細設定

Newpost Catch の詳細設定

Newpost Catch を表示したいサイドバーへドラッグ&ドロップすると詳細を設定するための画面が開きます。

タイトル

ここに入力した文字列が人気の投稿リストの見出しとして表示されます。空欄にするとウィジェットの見出しは表示されません。

サムネイルのサイズ

サムネイルのサイズを幅と高さで指定します。

投稿件数

最近の投稿一覧で表示したい記事の件数を指定します。

投稿日

チェックをいれると一覧に投稿日が表示されます。

先頭に固定表示している投稿

チェックをいれると一覧に先頭に固定表示している投稿が表示されます。

プラグインフォルダ内のデフォルトCSS

チェックをいれると Newpost Catch プラグインフォルダ内のデフォルトCSSが一覧表示のスタイルに適用されます。適用後、思い通りのスタイルが表示されない場合はテーマフォルダ内の style.css に Newpost Catch のスタイル設定を追記しましょう。

追記例

/* Newpost Catch */

#npcatch li{
    overflow:hidden;
    clear:both;
    vertical-align:top;
}
#npcatch img{
    float:left;
    padding:5px 10px 5px 0;
}

#npcatch .title a{
    font-weight: 700;
}
#npcatch .date {
    font-size: x-small;
    font-weight: 400;
    display:block;
    color: #666699;
    margin-bottom: 5px;
}

#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

特定のカテゴリを指定して表示

カテゴリのIDを指定して、一覧表示の表示内容を変更できます。カテゴリはIDで指定します。複数指定する際はカンマ区切りで入力します。「-」付与で除外します。(例:1,-2,17)

Newpost Catch の使い方 – ショートコード –

投稿記事内やウィジェットのテキストエリア、テンプレートファイルにショートコード [npc] を利用して「最近の投稿」の一覧表示が可能です。

入力例

[npc]

表示例

入力例

[npc width="50" height="50" posts_per_page="3" date="1"]

表示例

入力例

[npc id="npcatch" width="50" height="50" posts_per_page="3" date="1"]

表示例


id= の値を変更することでデザインをstyle.cssで指定できます。