ゆめぴょんの知恵ゆめぴょんの知恵
サイト制作、WordPressカスタマイズ、無料アプリ紹介など。海外旅行135ヶ国。知識を知恵にするブログ!

【WordPress】Auto Post Thumbnailでアイキャッチやサムネイル画像を自動設定!過去記事も

メディアライブラリのアイキャッチ

「Auto Post Thumbnail」は新規投稿だけでなく過去記事のFlickrやPicasaの画像さえアイキャッチ登録してくれる便利なWordPressプラグインです。今回はこの導入だけでなく、重複画像の削除方法についても解説します。

ゆめぴょん(@yume_pyon)です。こんちはっ!

アイキャッチとは通常はブログ記事の最初に表示する画像で、記事内容をひと目で連想しやすくするためのものです。WordPressはアイキャッチを記事と同じサーバー内に取込み、サムネイルも自動で作ります。

一度作ったサムネイルをまとめてリサイズするプラグイン「Regenerate Thumbnails」についての記事もありますので、もしよければ参考にしてください。

【WordPress】Regenerate Thumbnailsでアイキャッチのサムネイル再生成!高速化にも貢献【WordPress】Regenerate Thumbnailsでアイキャッチのサムネイル再生成!高速化にも貢献

WordPressプラグイン「Regenerate Thumbnails」はアイ…

このブログの画像は主にPicasaから貼り付けてます。ブログへの貼付けには便利なプラグインもあるため不自由は感じてません。(最近プラグインの調子悪いですけど)

【WordPress】Google+やPicasaの画像をブログに貼るプラグイン【WordPress】Google+やPicasaの画像をブログに貼るプラグイン

写真やスクリーンショットなどの画像ファイルをどこに保管してますか?私はGoogl…

しかしWPプラグイン「WordPress Popular Posts」の人気記事や、「EZ zenback」の関連記事のサムネイル表示にはアイキャッチ画像が必要なのでプラグインで自動登録することにしました。

「Auto Post Thumbnail」のインストールと設定

WordPress管理画面の左メニューの「プラグイン」→「新規追加」から「Auto Post Thumbnail」を検索。インストール後に有効化するのを忘れずに!

この時点で新規投稿の記事では最初の画像がFlickrだろうとPicasaだろうと自動的にアイキャッチに設定されます。画像は自動的にサーバー内にコピーされ、サムネイルも作られます。

ちなみにサムネイル画像のサイズはWordPress管理画面の左メニュー「設定」→「メディア」で設定しておきましょう。

次に過去記事の最初の画像をアイキャッチに設定する方法です。ボタン1つです。とても簡単です。過去記事の一部にだけ適用することはできません。全ての記事に適用されます。

「設定」で「Auto Post Thumbnail」を選択。「Generate Thumbnails」ボタンを押すだけw。あとは待つのみ〜。

設定が終わったら「設定」→「メディア」→「ライブラリ」でアイキャッチ画像を確認できます。自分の記事も開いてみて下さい。あれ?画像が重複してますか?私はPicasaからの画像を使ってるので重複してました。

重複するアイキャッチ画像を非表示にする方法

自分の記事をいくつか見て、同じ画像が重複してない人はこの章を読む必要はありません。

重複してる人でFlickrやPicasaからの画像リンクを削除したい場合は、各記事を編集してimgタグを消していくしか方法を思いつきません。記事が多い人はかなり面倒ですね。メンテモードにするか、アクセスの少ない時間帯にやりましょう。

重複してる人でアイキャッチ画像の方を非表示したい場合は、次のとおりにコードを修正するだけでOKです。作業前にはバックアップすることをおすすめします。

書き換えるファイル:WordPress管理画面「外観」→「テーマ編集」を選択。右側のファイル一覧から「single.php」か「content.php」などを選択。テーマにより様々ですが通常記事のメインカラムの部分です。

ファイルを選択したらブラウザで「the_post_thumbnail」を検索。次のようにコメントアウトして下さい。要するにサムネイル表示関数を削除すればいいのですが、将来使う時のためにコメント化しました。

修正前

修正後

設定は以上です。自分のブログ記事を見て重複画像がなくなり1つになってるか確認して下さい。

「メディアライブラリ」にはアイキャッチ画像を残したままなので、人気・関連記事のサムネイルなどでは利用できます。下の記事も参考にしてみてください。

【WordPress】Flickr/Picasa利用者へ!サムネイルやアイキャッチ重複回避方法【WordPress】Flickr/Picasa利用者へ!サムネイルやアイキャッチ重複回避方法

ブログに利用するアイキャッチ画像をFlickrやPicasaなどの外部サービスか…

WordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法WordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法53 shares

「WordPress Popular Posts」は記事の下やサイドバーにブログ…

次回の記事は「ウェブ制作に役立つチップ」の予定です(^^)。更新を見逃さないためにも、 feedlyの登録をおすすめします(^^)/

ゆめぴょん(@yume_pyon)でした。ばいちゃお! こてっZzz

«前記事:【WordPress】WP Total Hacksはセルフピンバック,リビジョン停止など多機能プラグインWordPress Popular Postsプラグインでサムネイル付き人気記事一覧を表示する方法:次記事»
ページ
↑先頭
ホーム