こんにちは。シーナと申します。
ブログのカスタマイズ、特別編になります。
はてなブログの大人気テーマ「Minimalism」の表示が突然崩れる問題についてです。
2018年9月10日から何かブログの表示がおかしいなと思っていました。
シェアボタンは白くなっているし、グローバルメニューは大きくなっているし、
目次の見た目も何か違うような・・・・・・。
何より本文の幅がブラウザによって違いすぎる(広すぎる)。
そんなあなたのブログの参考になれば幸いです。
結論
Minimalismテーマの微調整が2018年9月9日に実施されたようです。
更新履歴に記述があります。
この微調整により、以前の状態で最適化しているブログ(大抵そうだと思いますが)で
表示が意図しない結果になるようです。
以下の公式ページの最下段に元に戻す手順の記述があります。※2018年9月10日現在
理由は不明ですが、この手順通りに設定しても当ブログでは上手く行きませんでした。
以下、当ブログで設定した手順です。
※正式な手順ではないかもしれません。設定は自己責任でお願いします。
※2018年9月11日時点では、正式な手順になったようです。
Minimalismテーマを2018/9/9以前の状態に戻すために必要な2ステップ
紹介するコードをコピペする前にすでに追加しているコードのバックアップ(どこかにコピペ)を取っておくことをお勧めします。
ステップ1 デザイン => カスタマイズ => {}デザインCSSにコピペ
デザイン => カスタマイズ => {}デザインCSS
の先頭。コメントに挟まれた2行目の「@import url」の部分を以下のコードに置き換えて、
[変更を保存する]をクリックして確定します。
@import url("https://codomisu.sakura.ne.jp/minimalism/old.css");
※書き換える前に必ず元のコードのバックアップを取ってください。
※当ブログはSSL化しているからなのか理由は不明ですが、「http」のままでは
上手くいきませんでした。「https」 とすることで期待する結果になっています。
公式の手順である「http」で上手くいかない場合は試してみてください。
※2018年9月11日現在、公式サイトも「https」になっていました。
ステップ2 設定 => 詳細設定 => headに要素を追加にコピペ
設定 => 詳細設定 => headに要素を追加
の1行目に以下のコードを追記して、最下段の[変更する]をクリックして確定します。
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes,initial-scale=1.0" />
※改行しているかもしれませんが1行です。
※すでに記述がある場合はそのままで構いません。当ブログでは記述がありました。
以上で設定は完了です。
表示は元に戻りましたでしょうか。
終わりに
当ブログではそれほど大きな影響はありませんでしたが、ちょっと困りました。
こういうこともあるのですね。
勉強になりました。
それでは、また。
おすすめ記事です。
ブログ更新のお供に体重に優しい飲み物はいかがでしょうか。
おやつもあります。特にラスクはおすすめです。
普段の商品選択の参考になれば幸いです。
おいしく食べた後はお口のお手入れも忘れずに行いたいです。
ブログ更新のお供にYouTubeはいかがでしょうか。
作業用に雑談がおすすめです。
素晴らしい音楽もあります。
食事ネタ多めの森羅万象日常系ギャグ漫画です。
日常系ギャグ漫画の古典にして名作です。約30年ぶりの新刊も今年発売しています。
大号泣間違いなしの名作テニス漫画です。劇場版アニメもおすすめです。
通信費削減のために自宅のネット回線を楽天モバイル(モバイルルーター代わり)にするという選択肢はありですよ。