こんにちは、ゆーんです。
先日、ブログのデザインが総崩れ致しました。
信じたくないけど
— ゆーん (@xoyu_nxo) 2019年8月21日
どうやらテーマをデフォルトに
変更してしまったっぽい。
信じたくないけど。
、、、
え、ミニマリズムのカスタマイズ
1からやり直し、、、？？？
(；ﾟдﾟ)
どのように崩壊したのかというと
- ブログのフォントがすべて明朝体？になった
- タイトル下のメニューバーが消え、文字だけ残った
- 記事一覧のデザインもすべて崩れた
テーマを元の「ミニマリズム」に戻せば良いのかと思いましたが、テーマを変更しようと出てくるテーマをインストールすると、現在設定されているテーマ、デザインCSS、背景画像が破棄されますの文字。
これにビビってしまい、結局何もせずままとりあえず寝ました（午前０:３８）。
ところ、翌日みにまる＠うれしデザイン (@ureshidesign) 様からまさかの解決方法のアドバイスが、、！！
みにまる様に教えて頂いた通りにやったところ、１からやり直すことなく無事テーマを復活することができました！！！
みにまる様、改めて、この時は本当にありがとうございました<(_ _)>
デフォルトテーマを誤クリックしたときの対処法
デフォルトテーマに間違えて変更してしまった際の対処法は、とっても簡単でした。
- デザインCSSのコードのバックアップをとる
- デザインテーマをもとのものに変更する
- テーマ変更後、デザインCSSにバックアップしておいたコードを貼りなおす
以上！！！
たったこれだけの作業で済むところを、危うく１からやり直すところでした、、、
デザインCSSコードのバックアップをとる
今回のわたしが誤クリックしてしまったのは、はてな公式のデフォルトテーマでした。
テーマストアのテーマに変更するとデザインＣＳＳは全て消えてしまいますが、はてなの公式テーマの場合、全て変わらず残っているそうです。
その残っているコードのうち、バックアップを取るのはデザインＣＳＳのh2 {position: relative;から下の部分だとみにまる様が教えてくださいました。
（※h2~というのはデザインＣＳＳに自分が最初に入れたコードの１行目で、それぞれ異なります。後述しますが、テーマを選ぶと初めからそのテーマのコードがＣＳＳに入っています。その部分を除いたコードを貼りつける、ということですね(^^)v）
あれ？ｈ２の手前にもコードがあるな、、、なぜ全部じゃないんだろう？？
と思いつつ、とりあえず全てコードをコピーしｗｏｒｄに貼りつけました。
デザインテーマをもとのものに変更する
しっかりバックアップが取れていることを確認し、もとのテーマを再度ダウンロードします。
大丈夫、大丈夫、、、と思っていてもドキドキ(;O;)
バックアップしておいたコードを貼りなおす
ｗｏｒｄに貼りつけておいたコードを、デザインＣＳＳに貼りなおします。
そこで、みにまる様がh2 {position: relative;から下の部分と言った理由が分かりました。
デザインＣＳＳにはすでにコードが入っていて、試しにコピーしておいたコードを全て貼ってみるとデザインがまた崩れてしまいました。
ｈ２以降のみを貼りつけたところ、総崩れする前のデザインに、しっかりと戻りました。
教えてもらわなければ、なんとかバックアップ→テーマ変更まで辿りつけたとしても、やっぱり無理だったかとここで諦めてしまっていたかもしれません。
みにまる様とは
みにまる様、もしもわたしがデザイン復活に失敗していたときのことを考えて、わたしのブログデザインのバックアップまで取ってくれていたそうです。
この方ブログデザインにすごく詳しいんだな、、そういえば、みにまる様のアイコン、見たことあるような、、、、？？？
、、、あ！！！Σ(゜ロ＼)
わたくし気付きました。
テーマストアで常に人気ランキング上位の、あのテーマ。
このテーマの作者のマトリョーシカさん！！
どうりでお詳しい、、、！！！！
まさかツイッタ―で繋がることができるとは思いませんでした。。
みにまる様、新しいテーマのデモブログで色々な可愛いブログデザインカスタマイズを載せてくださってます。
わたしのブログで最近ちょいちょい登場する囲み枠は全部みにまる様が作成されたものです（上の方で使ったマステ風の枠も）。
色々試してみたいが為に、ちょっと合ってないぞな使い方をしているかもしれません、、申し訳ない、、、
囲み枠以外にもボタンやメニューのカスタマイズなど、たくさん載せてくださっています。
これからも参考にさせて頂きます、、！！！
まとめ
今回のブログデザイン総崩れ騒動（騒動といってもわたわたしてたのはわたし１人ですが(;O;)）１からやり直さずに事なきを得たのは解決方法を教えてくれたみにまる様、そしてわたしの呟きを「いいね」してくれた方たちのおかげだと思っております。。
改めて、ありがとうございました(__)！！
そして、はてなの公式テーマ、誤クリックしてもわたし、デザイン崩れるまでまったく気づきませんでした。意外と多いそうです、テーマの誤クリック。みなさまお気をつけください。
これからは
デザインＣＣＳのバックアップは普段からとっておくようにしようと思います。
＼最近取り組んだブログのあれこれ／
ゆーんでした（・◇・）/~~~
