カスタムCSSを利用することで、自分だけのブログのデザインにカスタマイズすることが可能です。今回から数回に分けて、このカスタムCSS機能を解説します。詳しい操作方法をご説明しますので、ぜひトライしてみてください。
- カスタムCSSを使うメリットは？
-
ブログのデザインをカスタマイズする方法として、これまでにも「カスタム・テーマ」と「上級テンプレート」という機能がありました。この二つの機能と比較した「カスタムCSS」を利用するメリットは何でしょうか？
まず「上級テンプレート」は、ブログのトップページや、個別ページなど、複数のテンプレートのHTMLを直接編集する必要があります。ブログの見え方を、 完全に変更することが可能ですが、HTMLや、MTテンプレートタグに関する知識が必要です。また、ブログのサイドバーに表示する項目なども、自分で HTMLで記述する必要があります。
「カスタム・テーマ」は、画面全体の色合いを自由に変更することができます。自由度は高いのですが、逆にすべてのデザイン項目を、自分で一から考える必要があります。 - 既存のテーマをもとに、ピンポイント・カスタマイズ
-
これに対して「カスタムCSS」は、デザインの一部分を、ピンポイントでカスタマイズすることが可能です。例えば、ブログのトップ・バナー背景に自分の写真をセットしたい、エントリーのタイトルを強調したい、など特定の部分を変更する事ができます。
また「カスタムCSS」の重要な特徴として、既存のデザイン・テーマに追加する形でカスタマイズすることが可能です。TypePadにあらかじめ用意され ている、プロのデザインしたテーマをベースに、自分だけのオリジナルなデザインを作成できます。また、正しくCSSを記述してあれば、テーマを切り替えて も、同じようにカスタマイズが適用されます。
つまり、TypePadにあらかじめ用意された沢山のテーマを、いつでも好きな時に切り替えながら、自分だけのデザインを楽しむ事ができるのです。それでは早速、次回の記事からカスタムCSSにトライしてみましょう。