インサイド シーナ

日々の備忘録(40代男性の場合)

Minimalism テーマを利用した「はてなブログ」の表示が突然崩れた2018年9月

Minimalismリカバリ

こんにちは。シーナと申します。

ブログのカスタマイズ、特別編になります。

はてなブログの大人気テーマ「Minimalism」の表示が突然崩れる問題についてです。

2018年9月10日から何かブログの表示がおかしいなと思っていました。

シェアボタンは白くなっているし、グローバルメニューは大きくなっているし、

目次の見た目も何か違うような・・・・・・。

何より本文の幅がブラウザによって違いすぎる(広すぎる)。

そんなあなたのブログの参考になれば幸いです。

結論

Minimalismテーマの微調整が2018年9月9日に実施されたようです。

更新履歴に記述があります。

Minimalism - テーマ ストア

この微調整により、以前の状態で最適化しているブログ(大抵そうだと思いますが)で

表示が意図しない結果になるようです。

以下の公式ページの最下段に元に戻す手順の記述があります。※2018年9月10日現在

hitsuzi.hatenablog.com

理由は不明ですが、この手順通りに設定しても当ブログでは上手く行きませんでした。

以下、当ブログで設定した手順です。

※正式な手順ではないかもしれません。設定は自己責任でお願いします。

※2018年9月11日時点では、正式な手順になったようです。

Minimalismテーマを2018/9/9以前の状態に戻すために必要な2ステップ

Point

紹介するコードをコピペする前にすでに追加しているコードのバックアップ(どこかにコピペ)を取っておくことをお勧めします。

ステップ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行です。

※すでに記述がある場合はそのままで構いません。当ブログでは記述がありました。

 

以上で設定は完了です。

表示は元に戻りましたでしょうか。

終わりに

当ブログではそれほど大きな影響はありませんでしたが、ちょっと困りました。

こういうこともあるのですね。

勉強になりました。

 

それでは、また。

おすすめ記事です。

ブログ更新のお供に体重に優しい飲み物はいかがでしょうか。

www.inside-shiina.com

おやつもあります。特にラスクはおすすめです。

www.inside-shiina.com

ローソンにはおいしい低糖質パンもあります。

www.inside-shiina.com

普段の商品選択の参考になれば幸いです。

www.inside-shiina.com

おいしく食べた後はお口のお手入れも忘れずに行いたいです。

www.inside-shiina.com

メインのネット回線を変えることで通信費を下げることに成功しました。

www.inside-shiina.com

ブログ更新のお供にYouTubeはいかがでしょうか。

作業用に雑談がおすすめです。

www.inside-shiina.com

素晴らしい音楽もあります。

www.inside-shiina.com

食事ネタ多めの森羅万象日常系ギャグ漫画です。

www.inside-shiina.com

日常系ギャグ漫画の古典にして名作です。約30年ぶりの新刊も今年発売しています。

www.inside-shiina.com

大号泣間違いなしの名作テニス漫画です。劇場版アニメもおすすめです。

www.inside-shiina.com