「はじめて相談室」では、「はじめてＷＥＢ」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします！「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、ヘッダー部分の見た目についてどのように調整したらいいのかわからない、という方のご相談です。

さて、今回のご相談にあった「お店の名前が変なところで改行されてたり、写真を入れても上のほうしか見えなかったり」というところ、似た状態を作ってみました。こんな感じかな？

写真は爪の先しか見えてませんし、まあこれでは確かにカッコイイ！とは言えませんよね。文字と写真、それぞれに対策をしていきましょう。

まずは文字のほうから見ていきます。 お店の名前が変なところで改行されちゃうとなんともかっこ悪いですね。改善する方法として思いつくのは3つほどあります。

1. お店の名前を短くする（重要な情報なので省略はしたくないですね…）
2. レイアウトを変えて改行されないものにする（すでに全体を作ってしまっているので、変えるのは勇気がいりますね）
3. 「スタイル」で調整する

1と2はあんまり現実的ではないので、ここでは3のやり方をご紹介しますね。

「スタイル」はとっても便利な機能なんですが、実は初期状態ではこれの「詳細設定」が「オフ」になっているんです。まずはこれを「オン」にしましょう！

編集モードのときに右側に出ている管理メニューに、「スタイル」というメニューがあります。図の場所にありますのでクリックします。

次に「詳細設定」のスイッチをクリックして「オン」に切り替えます。そうすると、ページの中のいろいろなパーツに対して個別に見た目調整ができるようになります。

そして店名の部分をクリックすると、この部分に対する設定項目がいろいろ出てきます！

ここで改行されない程度まで文字の大きさを小さくしてみます。「フォントサイズ」の数字を現状よりも少し小さいものにしながら、改行されなくなるところまで試してみましょう。

改行されなくなったところで「保存」をクリックします。
これでひとまず、改行は解決！

次は写真です。ネイルサロンですし、もう少し爪は見せておきたいところですよね。ここでは、背景画像の配置を調整します。上のメニューから「背景」をクリックします。
※設定項目が何も出ていない場合は、管理メニューから「スタイル」を選ぶと「背景」メニューが出ます。

出てきた画面で「配置」の設定を変更します。上のほうしか見えていない状態であれば、今選択されている配置よりも下の配置をクリックすると、写真のもっと下のほうが見えます。

配置をクリックしたら「保存」ボタンをクリックします。保存ボタンを押さないと反映されないので注意です！

すると「この背景画像を適用しますか？」と質問されます。この表示があると確認がうまくできないので、とりあえず「はい」をクリックしてしまいます。

これで背景画像の配置が変わったのですが、編集画面だと見た目がちょっと違うので、必ず「プレビュー」ボタンをクリックして確認をしてくださいね。

これで、指がだいぶはっきり見えるようになりました。これでかなり見た目がよくなったと思います！

ヘッダー画像の調整は、選んだレイアウトや写真によって変わってきます。
場合によっては写真を切り取らないと無理！とか、レイアウトを変えないと無理！というものもありますが、まずはこの2つの調整をぜひ試してみてください。かっこいいヘッダーができますように♪