デザインとは?

デザインではブログのスタイル、表示項目、レイアウトを設定します。
ブログに新規エントリーを投稿すると、エントリーは特定のテンプレートに
よって指定されたフォーマットとスタイルを使用します。

デザインタブでは、デザインや、スタイル、表示項目(タイプリストや
フォトアルバム、その他のサイドバーコンテンツ)のどれを表示するか
というような、ブログのレイアウトの制御ができます。

ブログのタイトルとトピックに合ったデザインを作る事ができます。
例えば、あなたが読んでいる本の感想を読書日記に書いてる場合、
読んでいる本を紹介するためにサイドバーに本のタイプリストを含めたテンプレートを作る事ができます。

TypePadのデザインの種類
テンプレートには「ベーシック」と「上級者向け」 の2種類があります:

ベーシックデザイン
ベーシックデザインではレイアウトや表示させる項目、テーマなどを簡単に設定することができます。
参考:新規のベーシックデザインを作成する

上級者向けテンプレートセット
上級者向けテンプレートセットでは直接ブログのテンプレートのhtmlコードを編集する事ができます。
参考:上級者向けテンプレートセットとは?

ブログのデザインを選択する

ブログのデザインを選択するには、「ブログ」タブの「デザイン」サブタブを
クリックするか、システム内のブログが一覧された「ブログ」ページから
「デザインを編集」リンクをクリックします。 「デザイン」サブタブでは
「現在のデザインを編集」ページが初期設定で表示されています。
ここではデザインの名前と説明、「テーマとレイアウト」、および「表示項目」が編集できます。

Editcurrentscreen


名前と説明を変更する
デザインをたくさん作成している場合、各デザインの名前を付け替えること
によって、全体的に整理され、個々のデザインがより認識しやすくなります。
「名前と説明を変更」リンクをクリックします。 「テンプレートを編集:名前と説明」の
ページが表示されます。 後は、「名前と説明を設定」セクションの手順に従ってください。

テーマを変更する
テーマには、TypePadオリジナル・テーマとカスタム・テーマ(配色、フォント、枠線、
列の横幅を自在に変更可能)があります。
現在、選択されているテーマとレイアウトは、「テーマとレイアウト」セクションに
表示されます。 テーマを変更するには「テーマを変更」リンクをクリックします。
「テンプレートを編集:テーマ」ページが表示されます。 後は「テーマを設定する」の手順に従ってください。

レイアウトを変更する
レイアウトは、ブログの列に関するレイアウトを決めます。
現在、選択されているテーマとレイアウトは、「テーマとレイアウト」セクションに
表示されます。 レイアウトを変更するには「レイアウトを変更」リンクをクリックします。
「テンプレートを編集:レイアウト」ページが表示されます。 後は「レイアウトを設定する」の手順に従ってください。

カスタムCSSを編集する(プロプランのみの機能)
独自のカスケーディング・スタイル・シート(CSS)を使う場合は、
「テーマとレイアウト」セクションの「カスタムCSSを編集」リンクをクリックして、
デザインにCSSを挿入します。 「テンプレートを編集:カスタムCSS」ページが
表示されます。 テキスト・ボックスに該当するCSSコードを貼り付けます。
「確認」ボタンをクリックすると、適用したCSSコードでのブログのデザインを
確認できます。確認したら、「変更を保存」ボタンをクリックします。

表示項目を変更する
ブログの表示項目とその表示順を変更できます。 表示項目を変更するには
「表示項目を変更」リンクをクリックします。 後は「表示項目を設定する」の手順に
従ってください。 表示項目の表示順を変更するには、「並べ方を変更」をクリックします。
後は「表示項目の並べ方を変更する」の手順に従ってください。

新しいベーシックデザインを作成する

新しいデザインを作成するには、「ブログ」タブの「デザイン」サブタブを
クリックするか、システム内のブログが一覧された「ブログ」ページから
「デザインを選択」リンクをクリックします。 「デザイン」サブタブの
「新規デザインの作成」リンクをクリックします。

TypePadのデザイン作成ウィザード
TypePadのデザイン作成ウィザードは5つのセクションに分かれています。

レイアウトはテンプレートセットのレイアウトを設定します。

表示項目はどの項目を表示するかを設定します。

並べ方はサイドハーでの項目の並び順を設定します。

テーマは、TypePadオリジナル・テーマと
カスタム・テーマ(配色、フォント、枠線、列の横幅などを自在に変更可能)の
いずれかを選択します。

テンプレート・セットを保存はデザインの名前と説明を決め、
デザインを保存します。

各セクションでは、「確認」ボタンをクリックすると選択した結果が確認できます。
また、「ステップ…」ボタンをクリックすると、次のセクションに移動できます。

レイアウトを設定する

テンプレートのレイアウトでブログにいくつの列(カラム)を必要とするかを決定してください。

次のレイアウトの中から選択してください:

1列
1列のカラムのデザインはあなたの投稿を全体の中心に出力します。

2列(左サイドバー・右サイドバー)
2列のデザインはシンプルでリンクやタイプリストを綺麗に配置する柔軟さを
持っています。投稿に十分なスペースが用意されていますが、追加の情報の
ための良い量のスペースがあります。

3列
もしあなたがメインのブログの他に、より多くの細かな情報を提供したいならば
3列のレイアウトは良い選択です。これはタイプリスト、フォトアルバム、リンクと
いった情報により多くのスペースを提供します。

ミックスドメディア・レイアウト
ミックスドメディア・レイアウトは、テキスト、写真、ビデオ、音声、その他のメディア
をいろいろ組み合わせて表示するのに最適です。
また、カメラ付き携帯電話などのモバイル機器から投稿するときに向いています。

※ミックスドメディア・レイアウトを使用する際には、以下の点にご留意ください。

・フォトアルバムに投稿した写真はミックスドメディア・レイアウトに表示され
 ません。ただし、写真を別個にミックスドメディア・レイアウトに投稿することは
 できます。
・サイド・カレンダーや「TypePadの最新アップデートリスト」は使用できません。
・ミックスドメディア・テンプレートではお好きな「タイプリスト」が表示できます。
・ミックスドメディア・レイアウトを上級者向けテンプレート・セットに変換することは
 できません。  
・表示項目をバーの好きなところにドラッグ&ドロップして、
 簡単に並べ方のカスタマイズができる機能は使用できません。
・新しい画像は、「投稿」タブの「新規投稿」ページのツールバーにある
 「画像を挿入」ボタンで投稿するか、携帯で送信すると、ミックスドメディアの
 画像として表示されます。
・ミックスドメディア・レイアウトのカレンダーを選択した場合には、アーカイブ設定
 のアーカイブ形式で"月間"を選択する必要があります。

表示項目を設定する

テンプレートの表示項目はエントリーの表示項目とサイドバーの表示項目からなります:

ブログのエントリー
日付ヘッダー
日付ごとにエントリーをグループ表示できます。日付はそれぞれの日付の
変更時にブログ上に表示されます。
日付ヘッダーの表示を有効(または無効)にするにはこのチェックボックスを使用します。

エントリーのタイトル
エントリーのタイトルを表示できます。このオプションを使って、
エントリー作成時(または編集時)に入力してしたエントリーのタイトルを
表示する事ができます。エントリーのタイトルを有効(または無効)にするにはこのチェックボックスを使用します。

フッター
フッターでは、投稿者の名前、投稿日、カテゴリー、個別リンク、コメントやト
ラックバックへのリンクといった情報を表示する事ができます。
フッターを有効(または無効)にするにはこのチェックボックスを使用します。
また、プルダウンメニューからフッターに表示する情報のスタイルを選択してください。

サイドバーのコンテンツ
ポッドキャスト
サイドバーにポッドキャスト用のXMLフィードへのリンクを表示させます。
(ポッドキャスティング)

オンライン状態
プロフィールで登録しているメッセンジャーのオンライン状態を表示させます。
オンライン状態を表示できるのは、AIM、ICQ、Yahoo!メッセンジャーとなり、
他はコンタクト用のアカウント名のみが表示されます。

Amazonウィッシュリスト
Amazonウィッシュリストへのリンクを表示する事ができます。

あなたの写真
あなたの写真をサイドバーに表示できます。この写真は
コントロールパネルタブからプロフィールの投稿者プロフィールを選んで
投稿者のプロフィールを編集するを使って変更する事ができます。

サイドカレンダー
サイドバーに、現在の月のアーカイブにリンクしたカレンダーを表示できます。
このオプションはミックスドメディア・レイアウトでは使用できません。

最近の投稿
サイドバーに最新の10エントリーを表示する事ができます。

最近のコメント
サイドバーに最新の10コメントを表示する事ができます。

最近のトラックバック
サイドバーに最新の10トラックバックを表示する事ができます。

アーカイブへのリンク
サイドバーにアーカイブのへのリンクを表示する事ができます。
メインインデックスに記事が表示されなくなってからはアーカイブのリンクを
通してエントリーにアクセスする事ができます。

カテゴリー
サイドバーにエントリーに割り当てられたカテゴリーを表示する事ができます。
カテゴリーを表示するには"ブログ"タブから設定>アーカイブ設定で
カテゴリー別のアーカイブ形式を有効にしてください。
詳しくは、ブログのアーカイブ設定を設定するを参照してください。

プロフィール紹介ページへのリンク
あなたのプロフィールページへのリンクを表示する事ができます。
プロフィールページの設定は、プロフィールページをカスタマイズするを参照してください。

メールリンク
あなたのメールアドレスへのリンクを表示する事ができます。
あなたのメールアドレスはスパム業者に利用されないように自動的に
符号化され守られます。しかしながら、もしあなたがプライバシーを心配しているなら、
スパム業者からメールアドレスを保護するいちばんの方法はメールアドレスのリンクを表示しないという方法です。
メールアドレスの設定方法は投稿者のプロフィールを編集するを参照してください。

RSS/Atomフィードの配信
RSS(XML)フィードというリンクを表示できます。これは、あなたのブログを
RSS形式で表示させたページへのリンクです。

「タイプリストに追加」リンク
このページを見た人が自分のTypePadで「ひと」リストにあなたを登録するためのリンクです。

フォトアルバム
公開設定している全てのフォトアルバムのリストをサムネイルを使って表示します。

最新のアップデート
TypePadを使って最近アップデートされたブログ(フォトアルバム)をリスト表示します。

重要: このリストは最近TypePadでアップデートされたものを無作為に表示するものです。
あなたにとって不愉快な内容を含むブログ等へのリンクをあなたのブログ内に表示する
可能性もあることをあらかじめご承知おきください。

Powered by TypePadリンク
「Powered by TypePad」というTypePadサービスへのリンクを表示します。

Member since... date
TypePadへの登録年月を表示する

あなたのタイプリスト
あなたのタイプリストの一覧を表示します。もしブログ上に表示したいのならば、
表示したいタイプリスト名のチェックボックスでで選択してください。
もし、リストの内容が空(何も項目が登録されていないタイプリスト)ならば
ブログ上にも空で表示されます。新しいタイプリストの作成が場合は、
新規タイプリストを作成するを参照してください。

RSS/Atomフィード
他のブログの最新エントリーをサイドバーに表示することができます。
(5つまで登録できます。)フィードを追加を選択すると、URL入力画面が表示され
ますので追加したフィードかブログのURLを入力してください。
自動でタイトル情報等が表示されますので、表示するエントリーの数を5件か
10件のうちから選び保存してください。

フォトアルバムの指定
公開、非公開に限らず全てのフォトアルバムの中からサイドバーに
表示させたいものを選択できます。サイドバーには選択されたフォトアルバムの
リストサムネイルが表示されます。

表示項目の並べ方を設定する

選択したテンプレートの表示項目の表示の順番を設定する事ができます。
ドラッグ&ドロップでそれぞれの表示項目をブログ上のサイドバーの
好きな場所に並べてください。

テーマを設定する

「TypePadオリジナル・テーマ」からお好きなテーマを選ぶか、
「カスタム・テーマ」を作成するか、をラジオ・ボタンで指定します。

TypePadオリジナル・テーマ
テーマの種類別に分類されたTypePadオリジナル・テーマがいくつか表示され
ます。 「確認」ボタンをクリックすると、選択したテーマでブログが
どんな風に表示されるかをプレビューできます。
確認したら「変更を保存」ボタンをクリックします。 スタイルを変更する場合は、
「表示」ドロップダウンメニューで新しいスタイルを選択します(注:テーマを
選択してすぐ適用する場合は、ダブルクリックします)。

カスタム・テーマ
どの要素も「編集」をクリックしてカスタマイズできます。 「確認」ボタンを
クリックすると、選択したテーマでブログがどんな風に表示されるかを
プレビューできます。確認したら「変更を保存」ボタンをクリックします。

各要素のカスタマイズについて:
ページ全般の設定
ページの背景色と幅、メインコンテンツの背景色と幅、サイドバーの背景色と
幅を設定できます。また境界線の設定やリンクのスタイルも設定する事ができます。

タイトルバナー
テキストまたはイメージでバナーを設定できます。テキストバナーを使用する
場合は、テキストのフォント、サイズ、スタイル、そろえ方、境界線、テキストの
色とバナーの背景色が選べます。イメージバナーを使用する場合は、ブログに
バナーとしてアップロードしたい画像をブラウザで選択してアップロードし、
「文字のタイトルのかわりにこのバナー画像を使用する」チェックボックスをオンにしてください。

エントリー表示欄
日付ヘッダーのスタイル、エントリーのタイトル、エントリーの本文、
エントリーのフッターの設定をする事ができます。テキストのフォント、サイズ、色、
そろえ方、スタイル、そして境界線の設定もできます。
また、エントリーの本文の行間も指定する事ができます。

サイドバー項目
サイドバー項目のスタイルを設定する事ができます。テキストのフォント、サイズ、
色、そろえ方、そして境界線などを競ってできます。
また、サイドバーの行間、イメージのリンクの境界線の設定ができます。

デザインの名前と説明の変更

Kazelogでは設定したデザインを、複数持つ事ができます。
ここでは、デザインの名前と、デザインの説明を設定する事ができます

デザインの名前
テキストボックスに設定したいデザインの名前を記入してください。

デザインについての説明
そのデザインについての説明文を記入してください。

記入が終わったら"変更を保存"ボタンをクリックします。

デザインを管理する

ブログのデザインを管理するには、「ブログ」タブの「デザイン」タブをクリックするか、
システム内のブログが一覧された「ブログ」ページから「デザインを編集」リンクを
クリックします。 「デザイン」サブタブの「デザインの管理」リンクをクリックして、
「デザインの管理」ページを表示します。

そこにはこれまでに保存したデザインが以下のヘッダーの下、列挙されています。

  ・デザイン名‐デザイン名をどれかクリックすると、ドロップダウンメニューが
   表示され、 「名前と説明」、「テーマ」、「レイアウト」、「表示項目」、「並べ方」、
   および「CSS」の各種編集機能へアクセスできます。

Managedesign


  ・ オプション‐一覧にあるデザインをプレビュー表示するには「確認」を
クリックします。
    そのデザインをブログに適用するには「デザインを適用」をクリックします。

デザインを削除する
デザインを削除するには、該当するデザイン名の左にあるチェックボックスを
オンにした後、「削除」ボタンをクリックします。
デザインを一度にすべて削除するには、「デザイン名」の左にある
チェックボックスをオンにした後、「削除」ボタンをクリックします。

デザインを複製する
デザインを複製するには、該当するデザイン名の左側にあるチェックボックス
をオンにした後、「複製」ボタンをクリックします。 デザインを一度にすべて
複製するには、「デザイン名」ヘッダーの左にあるチェックボックスをオンに
した後、「複製」ボタンをクリックします。

上級者向けテンプレートセットとは

(上級者向けテンプレートセットはプロプランのみにご使用になれます)

上級者向けテンプレートセットでは直接HTMLやCSS、
TypePadテンプレートタグを編集する事ができます。
上級者向けテンプレートセットを作るために、テンプレートビルダーで作った
テンプレートを変換する事ができます。

テンプレートの変換を行うと何が起こりますか?
テンプレートの変換を行うとまず始めにテンプレートビルダーで作成された
テンプレートセットの複製が作られます。
そのときに、上級者向けテンプレートセットとして、直接編集出来るフォーマットに変換されます。

変換を行っても、変換に使ったオリジナルのテンプレートセットは失われず、
テンプレートビルダーで編集出来るテンプレートセットして残ります。

なぜ、ゼロから上級社向けテンプレートセットを作る事が出来ないの?
テンプレートの複製と変換は上級者向けテンプレートセットで必要になる
個々のテンプレートの要素をTypePad側で確実に用意するための方法です。

上級者向けテンプレートセットを用意すれば、MovableTypeや他のブログシステムの
既存のレイアウトをあなたのテンプレートを変更するために使う事ができます。