「Blogger」勝手に追加されるcss_bundle_v2.cssを消すには?
最近、「Blogger」で、テンプレート「Simply Simple」をカスタマイズしていて、どうしても「css_bundle_v2.css」というスタイルシートを消したいと考えておりました。
テンプレートをカスタマイズしようと思い、色々やっているんですが、その中で「css_bundle_v2.css」と言うスタイルシートが消しても、消しても、何度も追加されるというめんどくさい現象が起きており、イライラしております。
んじゃ、新しいスタイルシートを使えばいいじゃん。と言う判断になってしまうかもしれませんが、やはりテンプレートを自由にカスタマイズしたいですよね。
そこで、テンプレート「Simply Simple」と「Essential Light」を比較してみました。
<html …>を比較してみた
テンプレート内を良く見ると、<html …>というタグの中に、ちょっと気になるものがありました。
- 「Essential Light」のテンプレート
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='strm.xml' b:templateVersion='1.0.1' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
- 「Simply Simple」のテンプレート
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
前後してしまうので、見難いかもしれませんが、テンプレートから抜粋しました。
「Essenntial Light」のテンプレート内に、「b:css='false'」というのがあるではないですか。
「b:css='false'」を「Simply Simple」のテンプレート内の<html …>タグ内の同じ場所に追加します。
- 「Simply Simple」のテンプレート内に「b:css='false'」を追加した
<html b:css='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
早速、テンプレートを保存して、プレビューしてみると、「ラベル(カテゴリー)」やページが無かった際に表示される「メッセージ」のスタイルシートがないことを確認できました。
新たに、スタイルシートを追加して、レイアウト崩れが無いようにしてみました。(あんまり変わってない気もするけど?)
「css_bundle_v2.css」は、外部のCSSのため、再編集することができません。今回のように、「css_bundle_v2.css」を無効化しないと、レイアウトが崩れてしまったままとなり、見辛くなってしまいます。
テンプレートのカスタマイズで、同様のことでお困りでしたら、一度お試しいただければと思います。