四十三庵

蔀の雑記帳

ブログのデザインを変えました2020

[Advertisement]

f:id:st43:20200210131424j:plain
f:id:st43:20200210131356p:plain
ブログのデザインは定期的に気になってイジっていたが、2015年に大幅にCSSカスタムしてしばらく満足していた。

blog.stm43.com

その後Google Adsense導入、2017年にはブログ用のデザインを組んだり、カスタマイズしまくった。
ただ僕自身の思想として、
優れた製品をなるべくノンカスタマイズで使って、製作者の意図をなるべく汲み取りたい、というのがある。
たとえばiPhoneはカバーつけないで、英語版にして使っているが、そうすると日々ユースケースがちゃんと考えられていて、
本当によく練られたプロダクトだなと思う。
で、はてなブログも最近はデフォルトでもかなり洗練されてきたイメージがあって、
僕がごちゃごちゃカスタマイズしたものよりなるべくデフォルトに近いデザインでやりたい気持ちになってきた。

そこで、下記の対応をした。

Web

  • カスタムCSSの適用停止
    • デフォルトだとタイトルが白背景に黒文字になってしまうので、赤背景白文字に(ここだけは妙にこだわりがある)

モバイル

  • スマホ用CSSを廃止して、PCと共通にした
  • モバイルはなぜかPC版のCSSが効かなかったのと、デフォルトがブログアイコン+タイトル+ブログの説明になってしまった
  • 色々ガチャガチャした結果、PC版のスクショとってスマホ用アイコンにした

ロゴ

  • ついでだったのでロゴを刷新した
  • f:id:st43:20200210104905p:plainこれが旧
  • f:id:st43:20200210115827p:plainこれが新
  • Qiitaのアイコンみたいな、丸アイコンにしたかった
  • ロゴ変えたものの、正直ブックマークアイコンのサイズになってしまうと文字がほとんど見えなくて残念

Adsense

  • 埋め込んだ広告ユニットがもはや僕自身管理できなくなっていたので、整理した
  • どうも最新のAdsenseだとそもそも広告ユニットという概念がなくなっているらしい
    • ヘッダにページ単位のJS一行挿し込まれる方式になったっぽい
    • 開発者的には楽だが、たった一行でめちゃくちゃあちこちに広告配置される。こっわ

感想

  • 全体的にデフォルトテーマを活かしつつ、シンプルになったかなと思う
  • 前のデザインだと、意図的に「四十三庵」というブログ名をわかりづらくしていたところもあった
    • 今回の変更で、その辺の匿名性を排除して、よりストレートかつシンプルにしたい、という狙い

何か表示で不具合あれば教えてください。
(了)