Luxeritas(ルクセリタス)の使い方-ヘッダー背景画像のサイズを調整しよう!

2019年8月7日

LUxeritas(ルクセリタス)の使い方でよくある悩み。ヘッダー背景画像(タイトル背景画像)のサイズ調整のしかた」「ヘッダー背景画像(タイトル背景画像)の挿入方法」がわからない。画像がかってに分割されて、繰り返して表示されてしまう。そんな経験はありませんか?

そこで、タイトル背景画像(ヘッダー背景画像)の調整の仕方使い方について解説していきましょう。

横幅いっぱいの場合画像が分割されてしまう原因

Luxeritasのタイトル背景画像を横幅いっぱいで表示されたいあなた。

「タイトル背景画像(ヘッダー背景画像)」⇒「横幅いっぱい」にチェックを入れた場合に、画像が分割されてしまうことがあります。

このように、画像が何度も繰り返して表示されて、分割されてしまうことがあります。この原因には、下記のような理由があります。

<繰り返し画像が表示されてしまう原因>

・挿入画像の横幅のサイズがあっていない

 

元々の画像サイズを調整しよう

当然Luxeritasのヘッダー画像は、横長ですので、元々の画像サイズをある程度合わせてあげる必要性があります。まずはアップロードする画像そのもののサイズを、パソコンのソフトについている「ペイント」等のソフトを活用して、調整しましょう。

そこで、目安のサイズをご紹介しておきましょう。

<画像サイズをペイントで調整>

ヘッダーサイズ[横×縦]: 約1630×160

ぴったりである必要性はありません。目安このくらいの値に調整できれば、横幅いっぱいの値とだいたい合致するため、あとは自然調整されます。

サイズ変更で、ピクセル値で上記の値を参考に調整してみましょう。

 

ロゴ画像の挿入したい場合

ヘッダーの先頭部分にロゴを挿入したい方もいるかと思います。そんな場合には、下記のポイントを覚えておきましょう。

 

【ロゴ画像の挿入したい場合】
  • 「ペイント」「エクセル」等で背景画像と一緒にロゴ画像をあらかじめ挿入しておく
  • ワードプレス画面で挿入しない

 

 

<ワンポイントロゴ画像で挿入すると・・・>

ロゴ画像を挿入すると、背景画像等を合わせなくてはいけないので、背景画像があると、ロゴ画像を入れて、調整するのがすごく難しいです。

だから、ペイントやエクセル等であらかじめロゴ画像を挿入しておくことで、背景画像と同時に挿入することができます。

Luxeritas(ルクセリタス)で再度画像挿入

ペイントで画像を調整したら、再度ワードプレスにアップロードしてみましょう。

<Luxeritas(ルクセリタス)の背景画像を挿入>

<ヘッダー画像の設定>

・横幅いっぱいにチェックを入れる。

・画像の変更

・配置方法:デフォルトの設定のままで構いません。

これで完成です。

タイトル(ヘッダー)背景画像 ⇒完成

 

まとめ

Luxeritas(ルクセリタス)では、色々な画像挿入をご用意してくれているので、機能をしっている方は良いですが、知らない場合には、上記のように、あらかじめロゴ画像等は挿入しておくとカスタマイズが楽になります。

また、横幅いっぱい時のサイズは、「約1630×160」が一つの目安となりますので、これを参考に上手にカスタマイズしてみてください。

 

⇒一からメニュー(グローバルナビ)を作ってみよう!

 

⇒グローバルナビ(ヘッダーナビ)の設定はこちら!