本文へジャンプします。



  • ココログトップ
  • ニュース
  • ブログネタ
  • 有名人
  • デザイン
  • ブログパーツ
  • サポート/ヘルプ

現在位置: ココログトップ > サポートトップ > 使い方ガイド

アクセスランキング:トップ3
使い方ガイド目次

01.基本の使い方

02.更新方法・記事管理

02.更新方法・記事管理FAQ

03.デザイン・カスタマイズ

03.デザイン・カスタマイズFAQ

04.携帯電話で閲覧・管理

09.コメント/トラックバックの管理とスパム対策

09.コメント/トラックバックの管理とスパム対策FAQ

10.アクセス解析

10.アクセス解析FAQ

12.応用・上級編

12.応用・上級編FAQ

14.FAQ

使い方ガイド

10:上級テンプレートを作成・編集する

1:上級テンプレート
オプションパックアドバンス プロ

 ココログプロとココログフリーオプションパックアドバンスでは、「上級テンプレート」を使うことで「カスタム・テーマ」以上のデザインを行うことができるようになります。 ただし、HTML や CSS についての高度な知識が必要となりますのでご注意ください。

元になるテンプレートを変換する

テンプレートの管理

 上級テンプレートを作るには、元になるテンプレートセットを作成しておく必要があります。ベースとなるテンプレートはそのまま残りますので、上級テンプレートをいじっているうちに失敗してしまっても心配はありません。
 「テンプレートの管理」画面で上級テンプレートに変換したいテンプレートにチェックを入れ、「上級テンプレートへ変換」ボタンをクリックしてください。

変換後のセット  変換の確認画面が出るので「変換する」をクリック。すると変換後のセットが下の「テンプレートの管理」画面に現れます。

現在のテンプレートを編集  変換されたテンプレートには、名前の後に「上級」が付いています。テンプレートの名前をクリックするとポップアップで「テンプレートを編集」と表示されるのでクリック。するとテンプレートの一覧が表示されます。

※リッチテンプレートはデザインが固定されているため、上級テンプレートへ変換することはできません。

HTML や CSS で直接テンプレートを編集

 トップページの表示内容を変更するなら「Main Index Template」を、全体のカラーやフォントなどの見え方を変更したい場合は「Stylesheet」といったように、用途に応じてテンプレートを開き、手を加えていきましょう。

※上級テンプレートで絵文字パレットを表示するには
(オリジナルテーマから上級テンプレートに変換を行った場合は、特に記述を変更する必要はありません)

 上級テンプレートを使用している場合は、絵文字パレットを表示するために下記のタグを表示したい位置に追加します。

<$MTWeblogIncludeModule module="comment-emoticon"$>

コメントフォームの記述を独自にカスタマイズしている場合は、テンプレート内の「textarea」タグに下記のように id 属性をつけて保存、反映を行ってください。

<textarea id="comment-text">

※コメントフォームは通常バックナンバーテンプレートの Individual Archives に記述されています

 また、新しい項目を作成して、専用のテンプレートを新規に作成することも可能です。HTML のタグや CSS の記述方法などは、専門書を参照してください。
 テンプレートの編集が終わったら「保存」ボタンをクリックし、「テンプレートの管理」画面で「テンプレートを適用」をクリックしてください。

「MTタグ」の使い方

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

テンプレートを変更したら、最後に必ず「反映」を

 テンプレートを編集・変更した後は、「保存」するだけでなく、必ず「反映」ボタンを押してブログに反映させてください。

「上級テンプレートを作成・編集する」の FAQ

FAQ:以前作成した上級テンプレートで画像ポップアップ(ライトボックス)を利用するには?
FAQ:インデックス・テンプレートって何?
FAQ:バックナンバーテンプレートって何?
FAQ:テンプレートモジュールって何?
FAQ:ココログ(TypePad)独自のテンプレートタグ一覧

カテゴリー : 03.デザイン・カスタマイズ