ブログ サエキカズ ミ

輝いていたと言われた時代もはるか過去 俺を見つけてくれてありがとう

Tumblrの「Custom theme」の仕様が変わっていることに気づいたので対応した

見る人が見れば、この blog.saekikazu.me というブログは株式会社はてなの1サービスである「はてなブログ」を利用しているとすぐ知ることができる。その確認方法等を知らない人からは判断できないくらいには、はてなブログを使っていることがわからないように、標準で表示されるものの多くを非表示にしている。これは、何のサービスを使っているか知られたくないからではなく、見た目がカッコ悪くなるので嫌だ、が理由。このはてなブログにした変更内容は、その時記事にまとめた。

そして今日、TumblrのThemeのカスタマイズに関する仕様が変わっていることに気付いた。全てではないかもしれないが、その内容は以下の通り。

  • スマホのブラウザ(タブレットのブラウザは除く)でアクセスした時の Theme HTML として使われるための/iphone-theme が参照されなくなった
    • iPhoneでもiPadでもMacのブラウザでも1つの Theme HTML が利用される
  • スマホ及びUserAgentがスマホの場合にトップバナーとボトムバナーが表示されるようになった
    • Promote Tumblr の設定をOFFにしていても表示される
    • タブレット及びMacのブラウザの時は表示されない模様

f:id:x5gtrn:20220414200153p:plain
カッコ悪いんだって

ということで対応。 /iphone-theme が参照されなくなったためこちらをいくら変えても内容が使われることはない。メインである Theme HTML をEditし直接か、 {CustomCSS} に類するものがあるようなら、そこに以下のstyleを追加する。 USERNAME には各TumblrのUsernameを。

.iframe-controls-container.iframe-controls-container--unified.iframe-controls-container--USERNAME {
  display: none !important;
}
.tmblr-iframe {
  display: none !important;
}

結果。

f:id:x5gtrn:20220414200209j:plain