追記アイキャッチ画像を設定するのが面倒くさい今回もWordPressの人気テーマであるStinger5のお話です。Stinger5でなくとも、WordPressで記事を書いている時に、アイキャッチ(サムネイル)画像を設定するのを忘れてしまうことがあるかと思います。記事の内容にぴったりなアイキャッチ画像が存在しない場合や、設定するのが面倒なことはあるでしょう。blogでもStingerのカスタマイズ記事をエントリーすることがあるのですが、内容がPHPの話しであったりするとちょうど良いアイキャッチが思い浮かばなかったりします。こんなとき、アイキャッチ画像を探して設定するのは結構手間だったりするものです。画像1つ選ぶのに気がついたら10分かかっていた...なんてこともまれにあります。Thumbnail」があるじゃないか!という方もいらっしゃると思います。たしかにそのとおりなのですが、PHPのカスタマイズ記事だったり、Macの操作手順を解説するような記事の場合、記事内の画像もオシャレな画像ではなく、アイキャッチにはふさわしくないものばかりになりがちです。Thumbnail」を導入するという選択肢は私の中ではありませんでした。アイキャッチ画像をランダム表示させたいまず、Stinger5のデフォルト設定では、アイキャッチ画像を未設定のままにしておくと「no-img.png」という画像が表示されます。このサムネイル、どこか無機質であり、書き手の「やる気の無さ」を暗示している気がしてなりません。ひとつぐらい表示されているぐらいならば百歩譲って問題ないとも思えるのですが、アイキャッチ未設定記事がずらりと並ぶと、ブログのイメージを悪くしてしまう気がしてなりません。そこで、事前に美しい画像を数枚用意しておき、アイキャッチ画像が未設定記事の場合、それら美的感覚にすぐれた画像をランダムに表示させることを考えてみました。手順1:綺麗な画像を数点用意するまずskyseekerさんやぱくたそさんなどの著作権フリーの画像がダウンロードできるサイトへ飛び、お好みの画像を選んでおきます。私の場合、花や空、海などの画像を5点ほど選んでみました。ダウンロードしたら、使用しているテーマのimageフォルダに写真を保存します。具体的な保存場所は、「wp-content/themes/stinger5ver2014****/images」です。****の部分は、Stingerのバージョン(数字四桁が入力されているはずです)この時、ファイル形式はすべて同じものにしておいたほうが後の作業がラクになります。私は画像のファイル形式をすべて「.png」にしておきました。jpg画像をpngにしたい、またはその逆でpngをjpgに変換したいならば、photoshopなどの写真レタッチ系ソフトを使用すれば良いのですが、お持ちでない場合は画像のファイル形式を変換してくれるサイトがありますので、そちらを利用すればよろしいかと思います。gif形式は写真に適していませんので、jpgかpngが理想だと思います。bannerkoubou.commojimaru.comhenkan-muryo.comダウンロードした画像は、「no-img1.png」、「no-img2.png」、「no-img3.png」...という名前をおくとよいでしょう。手順2:Stinger5のソースをカスタマイズする次に、アイキャッチ画像を読み込んでいるソースをカスタマイズします。カスタマイズすべきファイルは、Stinger5の場合「wp-content/themes/stinger5ver2014****」フォルダ内にある次の3つになります。ちなみに、フォルダ名の「****」の部分は、Stingerのバージョンによって違う4桁の数字が入っています。itiran.phpkanren.phpnewpost.phpitiran.phpの変更itiran.phpの8行目がカスタマイズすべき該当箇所です。?>上記は、サムネイル画像を持っていない記事を読み込む場合、「wp-content/themes/stinger5ver2014****/images」フォルダ内に保存している「no-img.png」を読み込んで表示せよ...という意味のコードが書かれています。上記コードを次のように変更します。?>phpのrand関数を使用しました。?>.pngの部分ですね。デフォルトであれば「no-img.png」を読み込む設定になっていますが、手順1で準備しておいた画像5点(「no-img1.png」、「no-img2.png」、「no-img3.png」、「no-img4.png」、「no-img5.png」)を、ランダムに読み込むという設定へ変更しただけです。?>.pngの(1,5)部分を(1,3)としてあげればOKです。?>.jpgに変更してください。下記ファイルにも上記と同じ変更を行えば作業終了です。「kanren.php」→24行目に該当箇所があります「newpost.php」→15行目に該当箇所がありますまとめ長い間運営してきたブログでも、この技は使えます。Thumbnail」を使用した場合、意図しない画像がアイキャッチ化されるので、こちらのほうがスマートだと思いました。ちなみに、このエントリー記事はアイキャッチを設定していません。このブログ内の同記事検索結果をご覧いただき更新ボタンを押してみてください。アイコンがランダムに変更表示されるのがわかるかと思います。PLUS+」を導入しています。PLUS+」での同様の対応方法は、以下ファイルの記述をここで紹介した内容を反映すればOKです。04:16はじめましてm(__)m。WordPressはじめたばかりでカスタマイズ方法などあちこち勉強中です。WordPressにはアイキャッチ画像というのがついていて毎回設定するのはめんどいなぁ...。したら、こちらのサイトにカスタマイズ方法が詳しく載せていただいていたのでとても助かりました。申し訳ありませんが真似させて頂きました。(Stinger6にて)とても為になって本当に助かりました。ありがとうございます。09:10izuさん、こんにちは。お役に立ててうれしいです。11:28はじめまして。こちらの記事を参考にアイキャッチ画像をランダム表示にしました。(STINGER7ではPHPファイルの構成が変わっていますが、作業はほとんど変わりませんでした。)大変参考+勉強になり助かりました。12:49菜花さん、はじめまして。コメント、どうもありがとうございます。お役に立てて何よりです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。Lockになった場合、解除を解除する方法MacでExcel(エクセル)を使用しています。...WordPressのテーマ「STINGER」でカウント数非表示のシェアボタンを自作してみましたStinger上で、シェアボタンをオリジナルのものに変更したかったので、自作画像を使用したボタンを作成する方法を備忘録として記録しておきます。※現在当ブログでは自作シェアボタンは採用していません。本ブログではWordPressのテーマであるSTINGER5を使用しているのですが、記事下にGoogleアドセンスをダブルレクタングルで表示させています。最近、スマホユーザーからのアクセスが多くなっています。アクセスしてくれる人の80%以上がスマホ。...PREVStinger5にしたらスマホ閲覧時のアコーディオンメニューが開かなくなりましたNEXTSTINGER5でアドセンスの配置を記事下ダブルレクタングルに変更してみましたTwitter@saketoorockさんをフォロー2019/11/13リンナイのガス給湯器の台所リモコンMC-60v3が故障。修理費がもったいないので自分でDIY交換!新品のリモコンMC-120vに交換してみた給湯器のリモコンが故障してしまい、困っていませんか?たとえば、風呂場のリモコンは正常だし、給湯器は壊れていなそうだけど、キッチンのリモコンが壊れてしまった...とか。「モノが違う」という異色な店名のパン屋がオープンしていたので行ってみた。※さいたま市を馬鹿にしているのではない。...2019/08/26Macで「常にこのアプリケーションで開く」が反映されないときの解決方法テキストファイルを開く際、僕はCotEditorというアプリを使用している。...2019/07/16マッサージチェアの処分に困ったら知っておきたい5つの処分方法じいちゃんの家にあるマッサージチェア。ある日、壊れてしまって「処分するにはどーすればいいの?」と言われ、困り果ててしまいました。たしかに、どうやって処分するんだろ。