三十路だけど公務員辞めてきた。

30歳にして市役所を退職した元公務員のブログ。主に役所の裏側や退職について。

はてなブログで「{}デザインCSS」がバグった時に元に戻す方法

 グローバルナビゲーションをもうちょっといじれないかと、コピペしたりあれやこれやしていたらホーム画面がトンでもないことになってしまいました。
 


 全体的に左寄りになって、サイドバーが見えなくなってしまいました。下にスクロールするとサイドバーがありました。何でこんな所に・・・。

 そこで私が取った原状回復の方法です。

1.同じアカウントで白紙のブログを作る。

 はてなProで1つのアカウントにつき最大10個、無料でも3個まで作れます。
 「ダッシュボード」⇒「+ 新しいブログを作成」で作成。これを新ブログとする。
 f:id:London-airp:20180909190208p:plain:w600

2.新ブログのデザインを、既存のブログと同一にして元のコードコピー。

 a.「ダッシュボード」⇒「デザイン」
 f:id:London-airp:20180909190319p:plain:w500

 b.でもその前に、現在使用しているテーマの種類を確認します。
 f:id:London-airp:20180909190344p:plain

 c.確認したら、新ブログでも同様のテーマを選び、スパナマークを押して「詳細設定」に移動します。
 f:id:London-airp:20180909190411p:plain:h500

 d.「{}デザインCSS」をクリックして全文コピーします。
 f:id:London-airp:20180909190651p:plain:h500

 e.元のサイトの「{}デザインCSS」に貼り付け。これで完成、元通りです。
 f:id:London-airp:20180909191050p:plain:w500

まとめ

 今回は、グローバルナビゲーションに関するコードをコピペしたりイジったりしている最中のアクシデントでした。
 元のCSSコードを上書きする際に、デフォルトのコードまで上書きして消してしまった事が原因です。
 詳しいコードの知識が無かったので、力技でなんとか原状復帰しました。
 これから新しいコードを試すときは、今回のように空白のブログを利用して、そこで試してから公開中のブログに適用させる方法が良い気がします。
 また、コードを他所からコピペするときは、後で分からなくならないようにメモ(コメントアウト)を残しておくと良いです。
 CSSの場合は/*(~のCSSコード)*/ のように /* */で囲みます。ヘッダやフッタに記入する「html」の場合は、<!--  -->(半角に直す)で囲みます。

ブログランキング・にほんブログ村へ
にほんブログ村