CMSのデフォルトテンプレートを日本語用に最適化

MovableTypeなどの海外製CMSでデフォルトのテンプレートを使用すると、ブログの文字が読みにくくなってしまう傾向があります。

これは海外製テンプレートのため、欧文用に最適化されたフォントが使用されていることが主な原因としてあげられます。例えば、「trebuchet ms」などについては、主に欧文用のフォントになりますので、日本語の文章を表示する場合はけっこう読みにくいです。

なので、日本で海外製のCMSを使ってブログを作成する際には、CSSでフォントを「メイリオ」や「ヒラギノカクゴ」などに設定すると見やすくなるはずです。また、行間のline-heightについても、140%や150％あたりに指定してカスタマイズしておくとよいでしょう。

ただ、スタイルシートのソースを確認するとわかりますが、海外CMSのCSSは独特な記述のされ方がされているケースが多いです。これはおそらく、ひとつのスタイルシートで、２カラムや３カラムなど複数のテンプレートに対応するためと思われますが、とくかくCSSの記述に無駄が多い傾向にあります。

同じプロパティー要素でも、上に書かれていることが後ろの方で上書きされたりする箇所が多いので、あまりスマートな記述とはいえません。

加えて、使用していないカラムやウィジットについてもスタイルシートが記述されているため、これらの無駄な箇所を削除するとわかりやすいスタイルシートになると思います。

特に、３カラムの「Thin-Wide-Thin」や２カラムの「Wide-Thin」などについては、すべての場合分けが記述されていますので、自分が使用している記述のみを残し、不使用の設定については削除してしまった方がすっきりします。

これらを整理するだけで、複数あるスタイルシートを１枚だけにまとめることもできます。

海外製CMSでデフォルトのテンプレートの使用する場合、上記のようなカスタイズをしておくと日本語で表示した際にも読みやすくなることでしょう。

カテゴリ