もう2度とアメブロには記事投稿しないつもりでしたが、今回の突然の仕様変更があまりにも酷いので「一言」物申したくなりました。
今回の仕様変更で
- 旧ベーシックなどのCSS編集が可能なスキンが消滅・・・
- 「カスタム可能」なスキンでもCSSが編集できるのは「CSS編集用デザイン」のみ・・・
- 「CSS編集用デザイン」以外の「カスタム可能」なスキンはCSSを弄れない 弄れるのはフォントカラーやヘッダー部分の背景画像程度・・・
一番恐ろしいのは、「一旦適用スキンを変更するともう2度と旧ベーシックなどのCSS編集ができるスキンに戻すことができない」ってことです。
新しいスキンはhtmlの構造が丸っきり旧スキンと違っているので今まで使っていたCSSをコピペしても「後の祭り」・・・
新しいスキンのhtmlタグで使っている「class」要素のセレクタ名が旧スキンと違うのでスタイルが反映されません。
今度のスキンはhtml5をちょびっと使っているので「<header>」とか「<article>」などのhtml5のタグを使ってます（headerタグは、イントロダクションやナビゲーショングループであることを示す際に使用します articleタグは、内容が単体で完結するセクションであることを示す際に使用します）。
そのせいかどうか解んないけどid要素をほとんど使っていなくて（一切使ってないかも？）、class指定一本槍・・・。
html5って記述を簡略化できるものとばっかり思ってましたが、却って複雑になってねーか？
<header>
<div class="skinHeaderArea">
<div class="skinHeaderArea2">
<!--headerTop—>
<div class="skinBlogHeadingGroupArea">
<hgroup>
<h1 class="skinTitleArea"><a href="http://ameblo.jp/rakurakuameblo/" class="skinTitle"><!-- google_ad_section_start(name=s2, weight=.1) -->ブログ45回転<!-- google_ad_section_end(name=s2) --></a></h1>
<h2 class="skinDescriptionArea"><span class="skinDescription"><!-- google_ad_section_start(name=s2, weight=.1) -->45rpm Blog<!-- google_ad_section_end(name=s2) --></span></h2>
</hgroup>
</div>
<!--headerBottom—>
</div>
</div>
</header>
これが新スキンのヘッダー部分です。
<div id="header">
<!--headerTop—>
<h1><a href="http://ameblo.jp/jcn9001/"><!-- google_ad_section_start(name=s2, weight=.1) -->45回転ブログ<!-- google_ad_section_end(name=s2) --></a></h1>
<h2><!-- google_ad_section_start(name=s2, weight=.1) -->45rpm Blog<!-- google_ad_section_end(name=s2) --></h2>
<!--headerBottom—>
</div>
<!--//#header-->
こちらが旧ベーシックを使っているうちのブログのヘッダー部分のhtmlタグ。
旧スキンの記述のほうがダントツでシンプルなんすけど・・・
ヘッダー部分のブログタイトル(h1)の定義は、旧スキンで
#header h1
って定義していたのを
.skinTitleArea h1
に変更すればイケそうな気がしますが・・・ゴメン、新しいスキンをいじる気が全然無いので超テキトーです。
こんな感じに新スキンのセレクタ名を調べて旧スキンに該当するセレクタの定義と差し替えすれば大丈夫そうですけど・・・やっぱメンドクセーや・・・
新スキンをカスタマイズしたい人は・・・頑張ってください。