【番外編】テーマluxeritasのカスタマイズ&設定TwitterFacebookB!HatenaLINELINECopyさやっと。WordPressのテーマLuxeritasを使っています。非常に高速&高機能&カスタマイズ豊富で知られるLuxeritasですが、設定項目が多すぎて便利なものの初心者向けではないため、初心者向けの記事ではLightningを使用しています。Lightningの記事をさんざん書いておいて大きな声では言えないですが、初心じゃなくてちょっとかじってるよ!という人にはLuxeritasが断然おススメです。投稿ページの関連記事や前後記事でサムネイルが正方形になり、アイキャッチ画像の両端が切れてしまうことです。始めからそれを想定しながらアイキャッチ画像を作っておけばよかった。両端がカットされても問題ない長方形のアイキャッチ画像を作るほどのデザイン能力はわたしにはないでーす。最初は全然気になってなかったんですけど、せっかく記事に注意を引くためのサムネイルが付いているのに、両端カットされるとわけのわからない図形とか読めない単語になってしまってます。気になり始めたら結構気になったので、今回はそれを修正します。カスタムサイズのサムネイルを追加&サムネイルの再作成作業サムネイルのサイズはあらかじめ生成されたものが使われているので、これをCSSで無理やり修正するのは面倒&良くないです。わたしの場合、アイキャッチ画像の元のサイズは800×450で作っています。Luxeritasで使われている320×180サイズのサムネイルがミニバージョンということになりますが、今回はもう少し小さいのをわざわざ作成しました。管理画面からLuxeritasの管理機能のサムネイル管理でユーザーサムネイル1のところで任意のサイズ150×85を設定して保存しておきます。関連記事や前後記事で使われているのは100×100のサムネイルなので、それと大体同じサイズの画像サイズにしましょう。あまりにサイズが違うとデザインレイアウトを直すのが面倒です。保存したら、サムネイル再作成でサムネイルを作成します。プラグインなしでこれができるのは流石Luxeritasって感じですね。ユーザーサムネイルは、user_thumb_1~user_thumb_3の$nameで保存されています。(この保存名を調べるの結構面倒臭かった。)ユーザーサムネイル1に保存した場合はPHPファイル内ではuser_thumb_1で呼びだせるということですね。テンプレートファイルのサムネイルのサイズ指定を作成したサムネイルサイズに変える前後記事の部分は、single.phpに書かれています。);このコードのthumb100の部分がサムネイルのサイズを指定しているので、user_thumb_1に書き換えます。233行目辺りもこんな感じに書き換える。);関連記事はrelated.phpに書かれています。);ここもthumb100をuser_thumb_1に書き換えます。この2つのファイルを編集してアップロードすれば、画像サイズの変更は完了です。85px;}これでサムネイルでもアイキャッチ画像が崩れない!色々と方法や記述位置を探すまでが大変だったけど、この記事さえあれば変えるのは超簡単ですよ!わたしのようにアイキャッチ画像に無駄なこだわりを持っている方はやってみてください。さやお役に立てたらぜひシェアをお願いします。...ContactForm7でお問合せ・予約・アンケートに使えるCSSデザインカスタマイズ【初心者向け】フォームは見やすさ&わかりやすさが大切です。...LightningでLGT全幅見出しを使って全幅パララックスのデザインを実装するCSS-1カラムトップページがオシャレに-【コピペ&カスタマイズ】Lightningにはデザインが簡単になるウィジェットが沢山あります。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。この記事のトラックバックURLさやっと。難病もちで、脆弱な身体と自律神経障害を抱えています。難病当事者の目線で病気との付き合い方や、闘病中や持病持ちが自分らしく生きるための知恵を発信WordPress制作ができるので不動産サイトと人材派遣サイト制作をした経験あり。これでサムネイルでもアイキャッチ画像が崩れない!フォローするTwitterRSSFeedlyお問合せ・質問・ご依頼くださいお問合せさやに興味を持った方は気軽に連絡してください!質問やご依頼も遠慮なくどうぞ。簡単な質問は無料です!ご利用案内さやっと。さやが、相談援助・カウンセリング・コーチング最初のやりとりは無料です!お気軽にご相談ください。free".目次コメントトップへ。