【WordPress】 プラグイン「Newpost Catch」で「最近の投稿」に画像をつける

「最近の投稿」にアイキャッチ画像を付けましょう。

使うプラグインは「Newpost Catch」」です。

「最近の投稿」が文字だけで見難いため、それぞれの項目の前にアイキャッチ画像を表示させようと思います。

newpost_catch_02

スポンサーリンク

1.プラグインをインストール

まずはダッシュボードの【プラグイン】-【新規追加】から「Newpost Catch」を検索し、インストール。
そして有効化。

すると、【外観】-【ウィジット】に「Newpost Catch」と言うウィジットが増えています。

newpost_catch_01b

これを現在使っている「最近の投稿」ウィジットと入れ替え、画像のサイズなどの設定を行います。

newpost_catch_03

で完了です。

結果は、

newpost_catch_04

このようになりました。

やはり画像の影が邪魔ですね。

2.画像の影をとる

画像の角丸と影はTwentyTwelveのデフォルトとしてCSSで設定されています。
記事内の画像はそのままで良いのですが、「最近の投稿」のアイキャッチ画像には必要ありません。

先ほどの設定画面を見てみると、このプラグインのCSSはプラグインフォルダにあるようです。

newpost_catch_05

このチェックを外すと共に、プラグインのCSSの内容を子テーマのstyle.cssに移植してしまいましょう。

使っていない項目もありますが、全て子テーマのstyle.cssにコピーします。

newpost_catch_06

ブラウザでコードを見てみると、ID「npcatch」の中の画像なので「#npcatch img{・・・」に影を消す処理を追加すればよさそうです。

newpost_catch_07b

結果を見てみると、

newpost_catch_08

影がなくなりました。

完成です。

2.まとめ

「最近の投稿」にアイキャッチ画像をつけるには、プラグイン「Newpost Catch」を使うと簡単。

しかしプラグインのCSSがテーマと別にあるので、カスタマイズする場合は子テーマのstyle.cssに移植する必要がある。

これでスッキリ見やすくなりました。

でもタイトルの文字が少し窮屈ですかね。
タイトルが長いのが原因なんですが。
カラムの幅を変えるか、タイトルを短くするか・・・。
どうするかはちょっと考えます。


スポンサーリンク
  • このエントリーをはてなブックマークに追加

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA