こんにちは、Madoriです _φ(・_・
昨日書いた記事の続きになります。
encanta-europa10.hatenablog.com
AFFINGER6にアップデートして真っ先にやりたかったのが、このカスタマイズ。
「ヘッダーエリア全体に背景画像を”全面表示”させるやり方」
ですです!
参考にしたのは、下の2つのブログ。
このサンプルページを見て、実装してみたいと思ったのです。
そこで、私も画像を用意しカスタマイズにチャレンジ。
どの写真にしようか悩んだのですが、この写真がいちばん美しく表示されたので決めました。
今後、また変わるかもしれませんが、先ずはパリの路地シリーズの中でもお気に入りの一枚を。
このようになりました!
スマホは、こんな感じです。
左がトップページで、下のアイコンをクリックすると記事一覧ページに移動します。
ハンバーガーアイコンの色を変えるの忘れていたことに気づき、慌てて変更。
AFFINGER5でも出来るカスタマイズなのですが、スマホ表示では矢印のようなアイコンが表示されないことと、「背景画像を暗くする」という設定ができないため、断念していたのです。
背景画像を暗くして文字の色を明るくしてみたところ、写真に薄いカバーをかぶせたような雰囲気になっていい感じ^^
AFFINGER6にアップデートして本当に良かったです。
はてなブログの毎日更新が2月末までなので、本格的に新ブログでの記事作成に取りかかるのは3月以降になりそうですが、今回のアップデートのおかげで、記事を書くモチベーションが上がってきました。
3月以降のはてなブログでは、これまでのようにお知らせ記事が中心になると思います。
それでは、また明日お会いしましょう
良い1日をお過ごしください^^