ブログテーマを変えたらCSSコードが消えた!変更前に控えておこう

目安時間9分

\お家で稼ぐ取組みを/

\無料メルマガで配信中!/

無料登録はこちらから!

 

 


先日、作成しているブログのテンプレートを「simplicity」から、有料テーマの「JIN」に変えてみました。

 

「JIN」という有料のテンプレートは、ブログを簡単に見栄えよくすることができると人気のテーマで、私が収益ブログを始めた2018年ころに出たものです。

有料テーマ「JIN」が人気の理由は?カスタイズなしで初心者でも簡単にオシャレなブログが作れる!

有料のテーマは高額なものからお手頃な価格のものまでいろんなものがあるのですが、中には高機能でも「一つ購入で人ブログにしか使っちゃダメ!」ってものがあります。

 

でも、この「JIN」という有料テーマはとても使い勝手もよくて高機能なのに、一つ購入したら同じ人が運営するブログなら複数のブログに使っても大丈夫というライセンス制。

 

しかも、このテーマでブログ運営をするとサイト閲覧率が上がって報酬が伸びやすくなるという噂もあり…。

 

使い勝手がよくて複数のブログに使えるというのは魅力的だと思った私は、この「JIN」というテーマを知ってからずっと「コレ欲しいな・・・」と思っていたのですが、いかんせん価格が一万円を超える金額だったので、当時の私はグッと我慢していました。

はる
はる
いくら複数のブログに使えると言っても
まだ稼いでないのに有料テーマを買うのは
贅沢かな?

 

と、ずっと我慢していたのですが、ある時考え方が変わって、

はる
はる
今、必要と思う時が買い時では?
先送りにしていて時間効率が悪いのは
時間の無駄だ!

と、思うようになり、ネットビジネスを始めてから2年が経過した2020年の10月に、念願の「JIN」を購入!

 

そして、さっそくテーマの変更をしたときに思わぬことが起きました。

 

 

テンプレートを変えたらCSSコードが消えてしまった!

 

その、テンプレートを変えたことで起きてしまった思いがけないことというのが、

 

『追加したCSSコードが消えてしまう』

 

ということです。

 

この時まで私のブログは「simplicity」を使っていたのですが、そのブログには楽天アフィリのバナーを中央に寄せることができるCSSコードを追加していたのですが、テンプレートを「JIN」に変えてから記事書きしてみると、楽天アフィリのバナーが左寄りになってしまっているΣ(゚Д゚)!!

はる
はる
え!?
なんで左寄りになっているの?

急にこんなことがあっても原因を解決する方法がわからないので、取り合えずHTMLコードでセンター寄せしてみたりしたのですが、なんか変な感じに隙間が空いてしまったりして、しっくりこない。

 

そこで、楽天アフィリのブログを始めたときに入れていた「追加CSSコード」を確認してみたら、入力しておいた「CSSコード」が消えていました!

はる
はる
わっ!!
何で入れといたCSSコードが消えてるの!?

ここで、、テンプレートを変えると記事自体は引き継がれるけど、追加で入れたものは引き継がれないということを初めて知りました。

 

 

テンプレートを戻したらどうなるの?元に戻る?

 

と、実際に既存のブログに「JIN」使ってみたら、こんなことで面倒な感じになってしまったことや、これまで入れていたアイキャッチなどのサイズ感がバラバラで統一されないことなどがわかったので、何となく思っていた感じのブログの見た目にならず。

 

画像に関してはそもそもがサイズ統一とかしてないから、ここにきて改めて「サイズってアップロードした時に統一しておいた方が良いんだね」と気が付いたので、見た目にこだわって画像を一からサイズ合わせる時間もないし。

 

そうなると、「このブログは元々のsimplicityでいいかな?」と思いつつ、「simplicityの後継のCocoonでもいいか?」という考えで、「Cocoon」に変更してみたところ、やはりCSSコードは戻らず。

はる
はる
「simplicity」の後継の「Cocoon」でもダメなんだ!
同じ人が作ったテーマでも引き継がれないんだね。

 

仕方ないので、以前に控えて置いたCSSコードを「外観→カスタマイズ→CSS追加」で楽天アフィリバナーを中央寄せにするCSSコードを貼り付けることに。

 

これで、何とか楽天アフィリのバナーが中央につくようになりました。

 

 

 

【今回の反省と学び】

 

今回は、テンプレートを変えたことで起きる注意点として「CSSコードが引き継がれない」ということがわかりました。

 

もし、今現行のテンプレートから他のテンプレートに変える時には、あとから追加したCSSコードは他のメモソフトなどにコピペなどして控えてから試すようにした方が良いですね。

 

 

 

 

\お家で稼ぐ取組みを/

\無料メルマガで配信中!/

無料登録はこちらから!

 

 

「在宅で稼ぐ」を学ぶは楽しい!|ネットビジネスの教科書一覧

 

 

この記事に関連する記事一覧

トラックバックURL: 

ページの先頭へ