超カンタン!今すぐ始めるブログ ココログ 無料
上級者なら極限のカスタマイズに挑戦!


くま1.徹底的にオリジナルにこだわるなら

 「テンプレートビルダー」を使えば、ブログをかなり自由にデザインすることができますが、ココログプロだけに用意されている「上級者向けテンプレート」を使用すると、徹底的にオリジナルにこだわったページデザインを行うことができます。

 デザインだけではなく「コメント」や「トラックバック」などの用語も自分で変更できます。ただし、HTML や CSS の高度な知識が必要となりますのでご注意ください。



2.まず元になるテンプレートを変換します

 テンプレートを編集するためには、ベースとなるテンプレートセットを選択する必要があります。ベースになった元のテンプレートは残りますので、失敗しても元に戻せます。それでは「ブログ」「デザインの編集」で「テンプレートセットを編集」をクリックしてください。
画面イメージ
[拡大]
 ベースにしたいテンプレートセットの「変換」チェックボックスにチェックを入れ、「変換」ボタンをクリックすると、変換の確認画面が出て、変換後のセットが下の「上級者向けテンプレート」に現れます。ちなみに、上級者向けテンプレートは名前の変更ができません。


3.編集するテンプレートを選びます

 変換されたセットには、名前の後に「上級」が付いています。ここの「編集」をクリックすると、現在あなたのブログで使われているテンプレートやスタイルシートのリストが表示されます。トップページの表示内容を変更するなら「Main Index Template」を、全体のカラーやフォントなどの見え方を変更したい場合は「Stylesheet」を開きましょう。
画面イメージ
[拡大]


4.HTML や CSS で直接テンプレートを編集できます
 使用されるページや項目、ウィンドウごとにテンプレートが用意されています。新しい項目を作成して、専用のテンプレートをイチから作成することも可能です。HTML のタグや CSS の記述方法などは専門書を参照してください。
 テンプレートの編集が終わったら「保存」ボタンをクリックします。すぐに変更後のブログを確認したい場合は「反映」させてください。
画面イメージ
[拡大]


5.覚えておきたい「MTタグ」の使い方

 ココログのテンプレートには一般的な HTML タグや CSS とは別に、独自の「MT タグ」(Movable Type テンプレートタグ)が使われています。この中には日付やあなたの名前、投稿した記事のタイトルなど、さまざまな情報がタグとして用意されています。詳しくはヘルプをご覧ください。



6.テンプレートを変更したら、最後に必ず「反映」を
 編集したテンプレートセットは、他のセットと同じように「デザインを選択」のメニュー画面で変更できます。ただし「確認」ボタンのプレビューは効きません。テンプレートを編集・変更した後は、「反映」ボタンを押してブログに反映させないとデザインが変わらない場合がありますのでご注意ください。
画面イメージ
[拡大]


参考ヘルプ:
 ココログ(TypePad)独自のテンプレートタグ一覧
 http://help.cocolog-nifty.com/help/2004/03/mt.html

戻る 次へ