Luxeritas(ルクセリタス)の使い方でよくある悩み。
「ヘッダー背景画像(タイトル背景画像)のサイズ調整の仕方」や「ヘッダー背景画像(タイトル背景画像)の挿入方法」がわからない。
画像がかってに分割されて、繰り返して表示されてしまう。そんな経験はありませんか?
そこで、タイトル背景画像(ヘッダー背景画像)の調整の仕方・使い方について解説していきましょう。
横幅いっぱいの場合画像が分割されてしまう原因
Luxeritasのタイトル背景画像を横幅いっぱいで表示したい場合には、「タイトル背景画像(ヘッダー背景画像)」⇒「横幅いっぱい」にチェックを入れた場合に、画像が分割されてしまうことがあります。
このように、画像が何度も繰り返して表示されて、分割されてしまうことがあります。この原因には、下記のような理由があります。
ポイント
<繰り返し画像が表示されてしまう原因>
・挿入画像の横幅のサイズがあっていない
元々の画像サイズを調整しよう!
当然Luxeritasのヘッダー画像は、横長ですので、元々の画像サイズをある程度合わせてあげる必要性があります。
まずはアップロードする画像そのもののサイズを、パソコンのソフトについている「ペイント」等のソフトを活用して、調整しましょう。
そこで、目安のサイズをご紹介しておきましょう。
画像サイズをペイントで調整する方法
ポイント
ヘッダーサイズ[横×縦]: 約1630×160
ぴったりである必要性はありません。目安このくらいの値に調整できれば、横幅いっぱいの値とだいたい合致するため、あとは自然調整されます。
サイズ変更で、ピクセル値で上記の値を参考に調整してみましょう。
ロゴ画像の挿入したい場合
ヘッダーの先頭部分にロゴを挿入したい方もいるかと思います。そんな場合には、下記のポイントを覚えておきましょう。
- 「ペイント」「エクセル」等で背景画像と一緒にロゴ画像をあらかじめ挿入しておく
- ワードプレス画面で挿入しない
<ワンポイントロゴ画像で挿入すると・・・>
ロゴ画像を挿入すると、背景画像等を合わせなくてはいけないので、背景画像があると、ロゴ画像を入れて、調整するのがすごく難しいです。
だから、ペイントやエクセル等であらかじめロゴ画像を挿入しておくことで、背景画像と同時に挿入することができます。
Luxeritas(ルクセリタス)で再度画像挿入
ペイントで画像を調整したら、再度ワードプレスにアップロードしてみましょう。
<Luxeritas(ルクセリタス)の背景画像を挿入>
ポイント
<ヘッダー画像の設定>
- 横幅いっぱいにチェックを入れる。
- 画像の変更
- 配置方法:デフォルトの設定のままで構いません。
これで完成です。
タイトル(ヘッダー)背景画像 ⇒完成
まとめ
Luxeritas(ルクセリタス)では、色々な画像挿入をご用意してくれているので、機能をしっている方は良いですが、知らない場合には、上記のように、あらかじめロゴ画像等は挿入しておくとカスタマイズが楽になります。
横幅いっぱい時のサイズは、「約1630×160」が一つの目安となりますので、これを参考に上手にカスタマイズしてみてください。
その他グローバルメニューの設定については、下記をご参照下さい。
Luxeritas(ルクセリタス)でメニュー(グローバルナビ)を一から作ってみよう!
続きを見る
Luxeritas(ルクセリタス)のグローバルナビをカテゴリー別にカスタマイズしよう
続きを見る
<検索エンジンで上位を狙えるAFFINGER6について>
ブログやサイト構築の中でどんなに記事を書き続けていても、中々上位表示されないとお悩みの方も少なくないかと思います。
無料のWordpressテーマでもキーワードによっては上位が狙えても、競合が多いキーワードでは、有料のWordpressテーマの利用者に負けてしまうことが多いです。同キーワードで記事を投下しても中々上位表示できないこともあります。しかし、私自身もそうした問題を懸念し、AFFINGER6にWordpressテーマを変えた途端に、数記事で上位表示されてしまうキーワードが多数出てきました。その詳細を下記記事で記載しています。
私も無料のWordpressテーマで何度も上位を落としてきたことがあり、その経験から皆様にも早くお伝えしておくべきと感じた次第です。特に、AFFINGER6はSEO最適化及び的確に上位表示を狙っていくのに最適のWordpressテーマの一つです。
SEOで的確に上位表示を狙い、収益化に繋げることを目標にされている方は、記事を投下すると後からの記事変更や記事再修正に時間が掛かり二度手間になりますので、変更するのであれば早い方が効率的ですので、ぜひ利用を検討してみて下さい。
また上位表示させるためのテクニックを下記にて安価で公開しておりますので、ぜひ参考にしてみて下さい。
➡上位表示と収益化が格段に加速する!12のブログ戦略ノウハウ
\AFFINGER6を購入する/