FC2blogの着せ替えブログ

以下が詳しい内容です。

登録したテンプレートには、ＸＭＬ宣言が付いていない

こちらは、ＩＥのバグに対して取らせていただいている処置です。
しかし、登録したテンプレートにＸＭＬ宣言を付加していただいても、表示の崩れが無いように書いてありますから、気になる方は付加していただいても問題はありません。

では、なぜあえて付加しないのか？
それは、文字の大きさの問題にあります。

ＸＭＬ宣言を付加した場合、ＩＥのバグで、「後方互換モード」というモードで表示されてしまいます。
（ＦｉｒｅｆｏｘやＯｐｅｒａでは、普通に「標準準拠モード」で表示されます。）
こちらの場合、基準となる文字が「標準準拠モード」に比べて、大きく表示されるんですね。
それならば、文字のサイズをスタイルシートで同じように見える書き方で書き直せば良いのですが・・・・

その場合、「後方互換モード」で表示されるＩＥの文字の大きさに合わせて、「標準準拠モード」での文字を大きく調整すれば何も問題は無いのですが、私の登録したテンプレートですと、固定幅で３カラムという事で、文字サイズを「標準準拠モード」に合わせて文字を小さくせざるを得ないんですよね。
文字を大きくすると、なんだかバランスが悪くなっちゃうので。

では、「標準準拠モード」に合わせて小さく調整すると、ＩＥだとどんな問題が？

ＦＣ２ブログのみなさんは、ブログの管理画面の入力支援ボタンを使って、文字を大きくしたり小さくしていますよね？
「標準準拠モード」に合わせて基準の文字を小さく調整すると、入力支援ボタンの「大」「中」「小」を使って書かれた記事をＩＥで見た場合、「大きい」「小さい」がちゃんと反映されされないんです。

入力支援ボタンの「大」「中」「小」を使って書かれた記事をＩＥで見た場合、「大きい」「小さい」がちゃんと反映され、なお且つ「標準準拠モード」と「後方互換モード」での見え方を同じようにする為には、「後方互換モード」の文字の大きさに合わせて文字を大きくするしか無いようなんですよね。
私の勉強不足かもしれませんが（涙）

まあ、そもそも、入力支援ボタンを使った「大きい」「小さい」を正しく表示させる為には、記事部分の文字には「medium」とか「small」とかのキーワード指定で、スタイルシートで文字サイズを設定しなくては、正しく表示されないので、「後方互換モード」と「標準準拠モード」での見え方の差を縮める方法は、入力支援ボタンを使う限り、無理があるという事で(-_-;)。
（注：ＯＳの違いやフォントやブラウザの設定などによって、必ずしも「大きい」「小さい」が反映されるとは限りません。）

そんなわけで、お気づきの方もいらっしゃったとは思いますが、着せ替えブログのどのテンプレートにも、ＸＭＬ宣言が抜けております。

登録したテンプレートには、スクロールバー装飾の設定がある。

こちらの、スクロールバー装飾関係のスタイルは、ＩＥ独自のものです。
したがって、通常、他のブラウザでは、エラーとして捉えられます。

登録したテンプレートは、プラグイン対応仕様です。

サンプルのテンプレートは、プラグイン非対応版です。
しかも、サイドバー部分は、プラグイン部分のコピーでは無く、少しばかりカスタマイズを施しています。

プラグイン版で検証しますと、プラグイン内の内容についても、当然、検証の対象になるわけで、プラグインによっては、ディフォルトでは検証には通らないものもあるので、手っ取り早く(-_-;)
（例えば、ＲＳＳフィードプラグインは、自分で書き換えが必要）
検証に引っかかる主な原因は、アンカーのＵＲＬに含まれているパラメータ間の区切りとして使われている「＆」を文字実体参照で表していない為です。

プラグイン内は、書き換え可能なものは、自分で書き換えたり、ＦＣ２のテンプレートで使われる変数から置き換えられる内容については、そこはその変数を使わないような工夫が必要かも。

以上、長くなりましたが、サンプルテンプレートと登録したテンプレートについての相違点は、以上の３点です。

以上の内容に興味を持たれた方は、以下のキーワードでＷｅｂ検索してみると良いかも。

Ｗ３Ｃ
文書型宣言、ＸＭＬ宣言
ブラウザ、標準準拠モード、後方互換モード
後方互換モード、フォントサイズ
文字実体参照