【はてなブログ】ブログデザインが総崩れ!原因はデフォルトテーマの誤クリックでした。

f:id:xoyu-nxo:20190908171355j:image
こんにちは、ゆーんです。

先日、ブログのデザインが総崩れ致しました。

どのように崩壊したのかというと

  • ブログのフォントがすべて明朝体?になった
  • タイトル下のメニューバーが消え、文字だけ残った
  • 記事一覧のデザインもすべて崩れた

テーマを元の「ミニマリズム」に戻せば良いのかと思いましたが、テーマを変更しようと出てくるテーマをインストールすると、現在設定されているテーマ、デザインCSS、背景画像が破棄されますの文字。

これにビビってしまい、結局何もせずままとりあえず寝ました(午前0:38)

 

ところ、翌日みにまる@うれしデザイン (@ureshidesign) 様からまさかの解決方法のアドバイスが、、!!

みにまる様に教えて頂いた通りにやったところ、1からやり直すことなく無事テーマを復活することができました!!!

みにまる様、改めて、この時は本当にありがとうございました<(_ _)>

 

デフォルトテーマを誤クリックしたときの対処法 

デフォルトテーマに間違えて変更してしまった際の対処法は、とっても簡単でした。

復活の手順
  1. デザインCSSのコードのバックアップをとる
  2. デザインテーマをもとのものに変更する
  3. テーマ変更後、デザインCSSにバックアップしておいたコードを貼りなおす

以上!!!

たったこれだけの作業で済むところを、危うく1からやり直すところでした、、、

デザインCSSコードのバックアップをとる

今回のわたしが誤クリックしてしまったのは、はてな公式のデフォルトテーマでした。

テーマストアのテーマに変更するとデザインCSSは全て消えてしまいますが、はてなの公式テーマの場合、全て変わらず残っているそうです。

その残っているコードのうち、バックアップを取るのはデザインCSSのh2 {position: relative;から下の部分だとみにまる様が教えてくださいました。

 

あれ?h2の手前にもコードがあるな、、、なぜ全部じゃないんだろう??

と思いつつ、とりあえず全てコードをコピーしwordに貼りつけました。

デザインテーマをもとのものに変更する

しっかりバックアップが取れていることを確認し、もとのテーマを再度ダウンロードします。

大丈夫、大丈夫、、、と思っていてもドキドキ(;O;)

バックアップしておいたコードを貼りなおす

wordに貼りつけておいたコードを、デザインCSSに貼りなおします。

そこで、みにまる様がh2 {position: relative;から下の部分と言った理由が分かりました。

デザインCSSにはすでにコードが入っていて、試しにコピーしておいたコードを全て貼ってみるとデザインがまた崩れてしまいました。

h2以降のみを貼りつけたところ、総崩れする前のデザインに、しっかりと戻りました。

教えてもらわなければ、なんとかバックアップ→テーマ変更まで辿りつけたとしても、やっぱり無理だったかとここで諦めてしまっていたかもしれません。

みにまる様とは

みにまる様、もしもわたしがデザイン復活に失敗していたときのことを考えて、わたしのブログデザインのバックアップまで取ってくれていたそうです。

この方ブログデザインにすごく詳しいんだな、、そういえば、みにまる様のアイコン、見たことあるような、、、、???

 

、、、あ!!!Σ(゜ロ\)

わたくし気付きました。

テーマストアで常に人気ランキング上位の、あのテーマ。

blog.hatena.ne.jp

このテーマの作者のマトリョーシカさん!!

どうりでお詳しい、、、!!!!

まさかツイッタ―で繋がることができるとは思いませんでした。。

 

みにまる様、新しいテーマのデモブログで色々な可愛いブログデザインカスタマイズを載せてくださってます。

可愛いアレンジが盛りだくさん

Minimal Green

わたしのブログで最近ちょいちょい登場する囲み枠は全部みにまる様が作成されたものです(上の方で使ったマステ風の枠も)

色々試してみたいが為に、ちょっと合ってないぞな使い方をしているかもしれません、、申し訳ない、、

囲み枠以外にもボタンメニューのカスタマイズなど、たくさん載せてくださっています。

これからも参考にさせて頂きます、、!!!

まとめ

今回のブログデザイン総崩れ騒動(騒動といってもわたわたしてたのはわたし1人ですが(;O;))1からやり直さずに事なきを得たのは解決方法を教えてくれたみにまる様、そしてわたしの呟きを「いいね」してくれた方たちのおかげだと思っております。。

改めて、ありがとうございました(__)!!

そして、はてなの公式テーマ、誤クリックしてもわたし、デザイン崩れるまでまったく気づきませんでした。意外と多いそうです、テーマの誤クリック。みなさまお気をつけください。

これからは

デザインCCSのバックアップは普段からとっておくようにしようと思います。

 

\最近取り組んだブログのあれこれ/

www.xoyu-nxo.work

www.xoyu-nxo.work

www.xoyu-nxo.work

ゆーんでした(・◇・)/~~~