前回は、ヘッダの高さを調節してスリム化しました。今回は、ヘッダにお気に入りの画像を、好きな大きさで入れてみます。というのは、前回参考にしたえむしてっくさんの記事に、こちらも載っていたから、あ、やってみよう❤となりました。
全部一度にやれば?と思うかもしれませんが、のろまなカメは、一歩一歩です。えむしてっくさんの記事に載ってないところはこちらで補足します。
まず、画像をいれます
デザイン設定から、ヘッダをクリック。
ファイルを選択して、画像をアップロード
画像がアップされた。でもあれ?「タイトル」が消えてしまいました。汗;
そしてよく見ると、上部も切れてます。ティンカーベルの顔が。。
余白の高さを変えてみました。
純粋に白い余白がついただけで、ティンカーベルちゃんの顔は切れたままです。
今度は、画像のサイズを変えてみました。
おっ、顔が出た、ばんざーい!と思ったら、、、
ただ、画像が大きくなっただけ~!逆にスペース取ってる。
というわけでこれも失敗。
こんどは、タイトルを入れた横長の画像を作って入れてみた。(画像自体を横長にしたということです) お、はまった❤ でも少し大きいなぁ。
それじゃぁ、さっきの画像サイズの設定を今度は小さくしてみる。
よっしゃ!小さくなったー!
あと、気になるのは、画像が右よりなきがします。画面の中央に配置されるため、「あたし流」がピーターを右におしやっているんです。いそこで、画像の右側に見えない画像を埋め込んだ、もっと横長の画像を作りました。
あれ?何もかわらない。。透明色を白色に変えてみたけど変化なし。色がないと認識しないのかもしれないです。
右側に文字を入れてみました。少しいい感じに近づいてきました。
今日は疲れたのでここまで。ふぅー。