こんにちは、資格リッチです。今回はアメブロのカスタマイズ系の話です。興味ない方はスルーの方向で。
遅ればせながら、アメブロ推奨の新デザイン（ブログのスキン）に移行しました。これまでCSSが編集できる（旧）ベーシックデザインを利用していたのですが、じわじわと表示を変にしてくるなど、アメブロがブレッシャーをかけてくるので仕方なく・・・。いろいろ大変と聞いてるんですけどね。
元気なころの（旧）ベーシックデザインのブログ
極力シンプルな新デザインのスキンを選んでも、背景色と文字色の色使いが悪くて読みにくかったりといまいち（例えば黄色地に白文字なんて読みにくいデザインの典型。色彩の基礎を勉強してきなさい！）。CSSを編集しようかと思ったら、編集メニューがない。新デザインはCSSが触れない!?と思ったら、ひっそりとCSSが編集可能なデザインが隠れてました。
CSS編集用デザインの選択
１）アメブロのブログ管理メニューの「デザインの変更」をクリック
２）「カスタム可能ボタン」をクリック
３）「CSS編集用デザイン」をクリック
唯一これだけがCSSを編集できるデザインなんです。
背景は真っ白、随分寂しいデザインになってしまいました。アメブロカスタマイズ系サイトを探して、なんとか以前のヘッダーをとりつけたのがこの状態。
３）「CSS編集用デザイン」をクリック
唯一これだけがCSSを編集できるデザインなんです。
背景は真っ白、随分寂しいデザインになってしまいました。アメブロカスタマイズ系サイトを探して、なんとか以前のヘッダーをとりつけたのがこの状態。
CSS編集用デザイン ２カラム左メニュー
新デザインになって困った点
１）ヘッダーが消える
「CSS編集用デザイン」ではCSSを触らないと、ヘッダー画像もつけられません。ググってヘッダー画像を貼るCSS書式を見つけたけど、とりあえず焦ります。
２）ブログ幅の変更
ブログの横幅は従来の850pxから50pｘ広くなって900pxに。以前のプログに合わせたヘッダーだと横幅が足りません（それもあって旧デザインで粘ってたんですけどね）。 このためブログ全体に背景色をつけるとヘッダー幅が足りない分、カッコ悪いことに。目立たぬよう、とりあえず無地としてます。
３）文字が小さい
アメブロのデフォルトの文字って小さいと思うんですよね。読む人に優しくないというか。いずれCSSをいじって読みやすい文字にしたいと思います。
４）CSSの編集成果はリセット
先の文字サイズもそうですけど、CSSを編集して実現していたことは移行されず、すべてリセット。背景色は白に。表示していたヘッダー下の横メニューは移行出来ずにパーに。横メニューの名残のゴミ文字だけ画面表示されてたので、潔く取り払いました。
新デザインになって良かった点
１）アメブロの旧デザイン利用者へのプレッシャーから解放されたこと
しばらく合間を見つけてアメブロカスタマイズしていく事になりそうです。