平々凡々おっさんずブログ運営

平凡な人の【ブログ活動の楽しみ方】

ブログ初心者【はてなブログ】テーマストアで「テーマ」をインストールしたらCSSが吹っ飛んだ

f:id:ossanzu:20200503204702j:plain

【はてなブログ】では、はてなブログユーザーが作成したデザインテーマを、自分のブログにインストール出来ます。

 

「そのインストールちょっと待って下さい!」

【デザインCSS{}】に書き込んだCSS吹っ飛びますよ!

 

ちなみに私の場合、全部吹っ飛ばしました🤣

 

デザインCSSに書き込んだコードを保存していなかったので、もはやあとの祭りです。😭😭😭

 

 

 

「テーマ」をインストールする前に

まずは【デザインCSS{}】に書き込んだCSSコードは、デスクトップにテキストドキュメントを作成して、そこにコピペしましょう。

 

選ぶ「テーマ」によっては、ブログタイトルや文字フォントだけでなく、見出しやレスポンシブデザインも変わるので、あとになって「やっぱり元に戻したい」と、気が付くこともあるかも知れません。

 

万が一、インストールした「テーマ」が気に入らなくても、元のCSSコードを残しておけば、簡単に元に戻せます。

 

私の場合、これをやらなかったのでもう二度と「あの頃には」戻れません😭

 

 

吹っ飛んだCSSは?

吹っ飛んだCSSカスタマイズ

1、h3からh5の見出しカスタマイズ

2、タイトルや画像カスタマイズ

3、囲み枠やボックスデザインのカスタマイズ

4、目次カスタマイズ

5、マーカー線カスタマイズ

6、ボタンカスタマイズ

今までの苦労の結晶であるCSSが「テーマ」をインストールした瞬間に、無に帰したんです・・・

 

 私の場合は、これぐらいの被害で済みましたが、もっと凝ったCSSやHTMLを設定していた場合は、更に深刻なダメージになるので注意が必要です。

 

【デザインCSS{}】に書き込んだコードは、常に保存をすることをおススメします😎

 

 

テーマストアの「テーマ」は秀逸

そもそもブログに精通している方なら、自分が思い描いた通りのカスタマイズが出来るのでしょうが、初心者ブロガーはブログのデザインするところから結構つまづきます😅

 

そこをいくと、このセミプロのような他のはてなブロガーが作った「テーマ」は、デザインやカラーリングなど、ワードプレスで作ったようなブログに簡単に変更出来るのです。

 

例えば、ワードプレスで作ったサイトでよく見かける「記事一覧ページのアイキャッチ画像」を並べることも、「タイトル背景を大人の女性らしいお洒落なテンプレート」にすることも、あれこれCSSやHTMLを弄らなくても簡単に出来ます☺️

 

テーマストアで「テーマ」をインストールする方法 

テーマストアへはメニュー画面のデザインから、一番下までスクロールして「テーマストアでテーマを探す」をクリックして下さい。

f:id:ossanzu:20200503201024p:plain

 

そうするとテーマストアのページに移動します。

f:id:ossanzu:20200503201509p:plain

ここで、気に入った「テーマ」をクリックしてインストールすれば、簡単にテーマ設定が完了です。

 

もう一度言いますが【デザインCSS{}】に書き込んだコードは全てテキストドキュメントに保存しましょう。

 

 

吹っ飛んだ【デザインCSS{}】のコードはどうなる?

「結論!どうにもなりません」🤣

 

散々苦労して作り上げたデザインCSSは「覆水盆に帰らず」です。

更に「囲み枠」や「ボックスデザイン」などのHTMLのコードもすべて使えなくなり、今までの苦労が水の泡となります。

つまり、全ての記事で選んだ「テーマ」の設定で編集され直されるので、最初からHTML編集をやり直さなければならない、という事なんです。

 

唯一、早くリカバリーさせる方法は、記事に張り付いているHTMLコードはそのまま生きているので、消え去った【デザインCSS{}】に「囲み枠」や「ボックスデザイン」のCSSを、再度書き込むしかありません。

 

 

最後に

f:id:ossanzu:20200503204625p:plain

日記的なブログであれば公式テーマでも十分ですが、アフィリエイトやアドセンスをやるようになると、自然と自分のブログを好きなようにカスタマイズしたくなります。

 

ブログを始めた当初は、公式テーマの【Life】を使っていましたが、途中から【Smooth】を使うようになりました。

ちょうどその頃から、ブログのカスタイマイズにも興味を持ち「CSS」や「HTML」を使いながら自分好みのブログへと成長させていたのです😎

 

そんな折、はてなブログの記事を読んでいたら【テーマストア】なる場所で無料のテンプレートが手に入ることを知り「試してみるか」と思いインストールしたのです。

 

そしたらビックリ!今まで設定した「CSS」と「HTML」が全て吹っ飛び「おったまげー」状態に・・・😭

 

はてなブログ初心者の方は、私と同じミスをしないよう「デザインCSSは保存する」これを口癖にして、楽しいブログライフを送って下さい。

 

この記事を読んで共感出来た・少しは役に立ったと思ったら

【読者登録】【ブックマーク】をお願いします。

はてなブログの登録がまだの方はコチラから