WordPressの「最近の投稿(新着記事)」のウィジェットは表示があっさりで物足りないので、アイキャッチ(サムネイル)を表示するプラグインを作りました。
「Newpost Catch」という名前でwordpress.orgで配布中です
以下、導入方法などをご紹介します。
1.「Newpost Catch」プラグインのダウンロード&インストール
プラグインのzipファイルをダウンロードします。
以下、導入方法をご説明します。
導入方法
- ダウンロードしたファイルを解凍
- FTPソフトなどで、WordPressの「plugin」フォルダ内にアップロード
- WordPressの管理画面から「プラグイン」を選択
- 該当するプラグインを「有効化」する
以上です。
2.設定画面
WordPressの管理画面から「ウィジェット」をクリックすると、「Newpost Catch」というウィジェットが追加できるようになります。
ウィジェットが追加できるようになります
今のところローカライズは日本語対応だけさせています。必要に応じて順次追加予定です。
設定項目は、
- タイトル
- サムネイルのサイズ
- 幅
- 高さ
- 投稿件数
- 投稿日
とても単純です。
設定をしたら、保存をお忘れなくです。
3.サンプル画面
ちなみに、私のサイトに入れたら以下のようになります。
最近の投稿にアイキャッチが表示されました
見た目については、プラグインファイル内の「style.css」で指定しています。
※独自のCSSを適用することもできます。詳しくは、「Newpost Catch」専用ページ」の「5.CSS(スタイルシート)適用の優先度について」をご一読ください。
4.まとめ
似たプラグインは、もう作られているかもしれません。私が見つけられないだけかも。ですが、wordpress.orgのプラグイン検索を使って探しても見つからなかったのと、「最近の投稿 アイキャッチ」といったワードで私のブログへ訪れてくれる方がなかなかいらっしゃったので、これはもしかして、密かにあったらいいかもしれないプラグインじゃないか。と思って作った次第です。
とは言え、ここからが大変なんだろうなと思います・・・単純なプラグインとは言え、色々な人が見ている、使っているということなんでね・・・。様々な意見をいただくこともあるんだろうな・・・なんて思ってはいます。
ちなみに、最近の対応としては、記事それぞれで「この投稿を先頭に固定表示」にチェックが入っている投稿を除外する設定にいたしました。これは、プラグインを使用された方からお知らせいただいて初めて気づきました^^;大変感謝しています。(すでに対応済みです。)
その他、何か不具合などがございましたら、ページ下部にご連絡フォームがございますので、そちらからお知らせいただけますとありがたいです。また「Newpost Catch」専用ページも設けましたので、プラグインの更新や対応状況などは、このブログと平行して更新しようと思っています。
以上、WordPressの最近の投稿(新着記事)にアイキャッチ(サムネイル)を表示させるプラグインをお探しの方に、ご活用いただければ幸いです。
「Newpost Catch」プラグイン専用Facebookページがあります
WordPressプラグイン「Newpost Catch」の活用事例や更新情報などを配信しています。情報を受け取る場合は「いいね!」でフォローくださいますよう、よろしくお願いします。
はじめまして、こんにちは。
wordpress.orgのサポート掲示板でも書いましたが、セッティングの「タイトル」がもし何にも入力されなかったら、サイドバーにある「Newpost Catch」以下のウィジェット配置が崩れてしまいます。もし良かったらご確認してください。
ちなみに、自分のブログテーマは「EvoLve」です。
2012/03/24 17:03:27
ツイート
シェア
@ccsx はじめまして!コメントありがとうございます。こちらの環境で「EvoLve 2.0.4」を適用して確認いたしました。プラグイン適用時のスクリーンショットを撮りましたので、
ご確認のため、下記リンクをクリックください。(全体を表示するため、ちょっと画像を小さくしています)
https://www.imamura.biz/blog/wp-content/uploads/ex/qa00.png
画像のように、ウィジェットのタイトルが空欄の場合は、htmlタグの<h2></h2>で囲まれた部分(このテーマ「EvoLve」だと黒い帯で表示する部分)を表示しないようにしています。「Newpost Catch」以下に配置されているウィジェットのレイアウトについてですが、
画像のように、崩れが起こる現象はこちらでは確認できませんでした。。。ご使用になられているテーマ「EvoLve」をカスタマイズ等されている場合は、サイドバーのhtmlタグの閉じ忘れ等がないか、ご確認いただくことは可能でしょうか。
また、ご質問されている内容の認識がずれておりましたら、
ご指摘くださいますようお願いいたします。
2012/03/24 18:14:17
ツイート
シェア
@bouya Imamura ご丁寧な返事をありがとうございます。画像を確認しました。私も元の「EvoLve 2.0.1」から「EvoLve 2.0.4」へアップデートしてから、確かに大丈夫になりました。
「EvoLve」公式サイトへ訪ねるところ、なるほど、このバージョンログを見つけました:
『Version: 2.0.3 – Fixed issues with widgets layout – 19/3/12』
これで問題解決ですね。お騒がっして失礼いたしました。
早速wordpress.orgのサポート掲示板で記事更新しに行きますね。
2012/03/24 19:32:50
ツイート
シェア
@ccsx ご返事ありがとうございます!テーマのバージョンによるものだったんですね。すみません、そこまで気が付きませんでした^^;サポート掲示板につきましても、ご対応いただきまして、ありがとうございました!
2012/03/24 20:14:12
ツイート
シェア
あと、もし良かったら、画像表示は「サムネイル」だけでなく、記事内「第一枚画像」も対応して戴けないでしょうか。宜しくお願いします。
2012/03/24 17:10:18
ツイート
シェア
@ccsx
こちらにつきましては、他方でも同様の件で対応可能かどうかをお寄せいただいております。
折を見て対応をしようかと思っていますので、お待ちくださいませ(・∀・)
2012/03/24 18:20:13
ツイート
シェア
Newpost Catchプラグインにつきまして、導入された方から、このブログのコメント、お問い合わせ、twitter,facebook,google+を介してご意見、ご要望いただきまして
大変嬉しく思います。ありがとうございます。
先ほど、特にご要望が多かった「アイキャッチの設定がなかった場合、投稿内の1枚目の画像を表示」
に対応させました。
バージョンアップ前に動作確認は行いましたが、何かございましたら、ご指摘いただけますと幸いです。また、その他のご要望につきましても徐々に対応をする予定ですので、どうぞよろしくお願いします。
2012/03/31 19:25:24
ツイート
シェア
サイドバーのcssの問題も解決したし。読み込みも最初の画像を読み込んでくれて、すごい満足しています!うれしい!
2012/03/31 19:31:57
ツイート
シェア
@attrip こちらこそ、ご使用いただいてとても嬉しいです!cssを独自で適用されたい場合は、「テーマディレクトリ/css/」内に「newpost-catch.css」というファイルを作成して、そちらにお好みのスタイルをお書き下さい。ファイルがあればそっちを優先して読み込みます^^
2012/03/31 19:48:57
ツイート
シェア
@grandpawhiteOSA ありがとうございます^^とても嬉しいです!
2012/04/15 12:42:09
ツイート
シェア
@s56bouya 良かった良かった(^-^)/
2012/04/15 13:26:05
ツイート
シェア
@s56bouya できればフォローも宜しくです^^
2012/04/15 13:27:02
ツイート
シェア
またお世話になります。プラグイン使わせていただきました。ありがとうございます。画像の大きさを決められるので、画像がつぶれることなくきれいに出てうれしいです♪
2013/01/29 20:15:58
ツイート
シェア
おおー!コメントありがとうございます!&使っていただいて、ありがとうございます!とても嬉しいです^^
2013/01/30 22:20:34
ツイート
シェア
はじめまして、質問させて頂きたいと思います。
Newpost Catchを使わせていただこうとおもったのですが、
私のブログで使用した所、下の画像のように、上部に大きな空白が出来て、
表示すべき内容が下部に押しやられているというレイアウトになってしまいました。
何か修正方法はありますでしょうか?
私の使用しているテーマはzeeCorporateです。
こちらが現象の画像でございます。
http://iroilog.com/biboulog/wp-content/uploads/2013/02/newcatch7.jpg
2013/02/23 18:14:15
ツイート
シェア
キャプチャ拝見いたしました。なんだろ~。
実装済みの状態で確認させていただくことは可能でしょうか。
その方が解決が早いと思いますし、わりとアドバイスしやすかったりします。
2013/02/24 02:04:33
ツイート
シェア
返信有難う御座います。
実装してみました。下のURLからお願いします。
サイドバーの「最近の投稿」という物がそうです。
http://iroilog.com/biboulog/
2013/02/24 11:52:32
ツイート
シェア
このコメントに対する回答は、
Twitterで対応方法を個別にツイートいたしまして、解決済みとなっております。
似たような現象でお困りの方、いらっしゃいましたら、
リンク貼っておきますので、ご参考ください。
https://twitter.com/s56bouya/status/305529826926792705
https://twitter.com/s56bouya/status/305531459849056257
2013/03/08 01:06:40
ツイート
シェア