役立つ情報を発信

最新の投稿を表示するプラグイン「Newpost Catch」

2017.02.15

ブログのトップページに新着記事を表示するようにすれば、定期的にブログに来てくれる読者さんに記事を更新したことを伝えることができます。

Sponsored Link

 

プラグインの導入方法

プラグイン→新規追加

 

画面右上の検索窓に「newpost」と入力

 

プラグインがいくつか表示されるので、「Newpost Catch」の「今すぐインストール」をクリック。

 

しばらくするとインストールが終了するので、「有効化」をクリック

 

ショートコードを挿入

新着記事を表示させたい場所にショートコードを挿入するだけで、新着記事を表示することができます。

ここでは固定ページの先頭に新着記事を挿入してみます。

 

挿入したい固定記事の編集画面で、新着記事を表示させたい場所に、以下のコードを入力します。

 

記事を表示させると、このようになります。

サムネイル画像が小さすぎますね・・・。

おまけに、いつ投稿記事されたのかもわからない。

このような場合はショートコードを編集しましょう!

 

ショートコードを編集!

そこで、以下のようにコードを変更します。サイズはお好みで調整してください。

date=”1″とは、日付を表示させるという意味です。

posts_per_page=”3″とは、新着記事の表示数を3記事にするという意味です。

width=”40″ height=”40”と入力することで、画像の大きさを調整します。

 

このように書き換えてから、再び記事を表示すると、以下のように表示されました。

だいぶマシになりましたね!\(^o^)/

でも、タイトルが変な形で書かれていて気持ち悪い・・・。

 

CSSでタイトルを修正!

しばらくネットで解決方法を探しましたが、見つからず絶望にひたっていましたが、こちらの記事に方法が書かれていました!

CSSから修正することができます!

 

管理画面の外観→カスタマイズ

 

追加CSSを選択

 

下の図の赤枠の部分に以下のコードを貼り付け。

 

コードを貼り付けたら、「保存して公開」をクリック。

 

すると、以下のとおりキレイに表示されました!

 

まとめ

新着記事を好きな場所に表示できるプラグイン「Newpost Catch」。ぜひあなたも利用してくださいね!

関連記事

プロフィール

夢は、成しとげる

氏名 : ヌコミチ
年齢:三十路
職業:落ちこぼれサラリーマン
趣味:ユーチューブとブログの研究!

ご感想、ご質問・ご相談はこちらから、お気軽に!
↓↓↓
メールフォームはこちら☆

スポンサーリンク