うたたねスナック

ブログを始めて早や半年。相変わらずカスタマイズには四苦八苦。
一度覚えたつもりのことでも三歩歩けば忘れてしまうのニワトリ状態で、なかなか上達しないのが悩みのタネですが、今回はまた備忘録がわりに、ヘッダー画像を変える際に参考にしたサイトをまとめておきたいと思います。（photo:@pixabay)



ファンブログ内の説明ページです。簡潔でわかりやすかったため、こちらを参考にさせていただきました。

　→　http://support.a8.net/fanblog/support/tips/05/02header.php

ちなみに自分の場合は、1000×410程度のサイズの画像を用意して編集にトライ。心配していた画像のボケなども起こらず、問題なくヘッダー画像を変更することができました。
見た目の体裁については、編集箇所の padding, margin-bottom, min-height などの部分の数字を、プレビューで逐一確認しながら、ちょこちょこいじって調整しました。

画像や文字位置の調整については、以下のサイトでもわかりやすく解説されてます。

　→　A8.netスタッフさんによるブログ内の解説ページ



最近になって、ようやくスマホのヘッダー画像の変更にも着手してみました。
PCに同じく、こちらもファンブログ内の説明ページになります。

　→　https://support.a8.net/fanblog/support/tips/06/03original.php

最初トライした際は、説明どおりに編集したつもりがなかなか画像が変わらずあせりましたが、しばらく経ってから再びのぞいてみたところ、ちゃんと画像が変更されていました。？？？　
もしかしたら反映までに時間がかかるのかもしれません。
また、なぜかはよくわかりませんが、自分の場合はスマホ版のプレビューがうまく機能せず、確認しながらの作業ができなかったため、ほぼ出たとこ勝負という感じでした。万が一の事態に備え、元のCSSは必ずテキストエディタなどにバックアップをとっておかれたほうがよいかもしれません。