ウェブログ

デザインタブ

テンプレートセットってなに？

テンプレートセットはあなたのウェブログのスタイル、表示項目、レイアウトを決定します。ウェブログに新規エントリーを投稿すると、エントリーは特定のテンプレートによって指定されたフォーマットとスタイルを使用します。テンプレートセットはユニークな目的を満たすいろいろなテンプレートのセットです（例えば、アーカイブとインデックスページのように）。

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

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

テンプレートセットの種類

テンプレートには「ベーシック」と「上級者向け」の２種類があります：

ベーシックテンプレートセット

ベーシックテンプレートセットはBeBLOGテンプレートビルダーで修正する事が出来ます。

参考：新規のベーシックテンプレートセットを作成する

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

上級車向けテンプレートセットでは直接ウェブログのテンプレートのhtmlコードを編集する事が出来ます。

参考：上級者向けテンプレートセットってなに？

[先頭へ戻る]

テンプレートセット選択する

ウェブログを選択後デザインタブをクリックするか、管理画面のウェブログのショートカットから「デザインを編集する」をクリックしてください。

デザインタブでウェブログのテンプレートを設定する事が出来ます：

1テンプレートセットを選択してください。

プルダウンメニューのあなたのアカウントで使用できるテンプレートの中からテンプレートを選ぶ事が出来ます。

「確認」ボタンをクリックすれば、選んだテンプレートでのデザインを確認する事が出来ます。この操作では実際のウェブログにテンプレートは反映されていません。

レイアウトの幅について

ブラウザのウインドウサイズを変更すると、"fluid"レイアウトのコンテンツの範囲も変更されます。ウェブログの投稿エリアはブラウザのウインドウサイズによって広がったり縮んだりします。

またはコンテンツの幅は固定されます。これはブラウザのウインドウサイズによる事なくテンプレートで指定されたサイズにのままで固定される事を意味します。

2「このテンプレートセットを使用」ボタンをクリックしてください。

使用するテンプレートをプルダウンめにゅーから選択したら、「このテンプレートセットを使用」ボタンをクリックしてテンプレートをウェブログに割り当ててください。

3ウェブログを再構築してください

テンプレートを割り当てた後で、選択されたテンプレートを反映するためにBeBLOGのデザインページでアップデートしてください。現在選択されているテンプレートセット欄のテンプレート名の下に「確認」と「再構築」の２つのボタンがあります。この２つのボタンはあなたはテンプレートを確認する事が出来たり、ウェブログの再構築が行えます。「再構築」をクリックしてウェブログを新しいテンプレートで再構築してください。

再構築後、サイトを確認をクリックして新規ウインドウで新しいテンプレートのあなたのウェブログを見る事が出来ます。サイトが前のテンプレートのままの場合は、ブラウザによってはリロードやキャッシュのクリアをする必要があるかもしれません。

共有のテンプレートセット

あなたがウェブログをすぐに作り始められるようにたくさんのデフォルトテンプレートを用意しました。あなたはいつでもこれらのテンプレートにウェブログのデザインを変更する事が出来ます。デフォルトテンプレートには"Shared"という名前がテンプレート名の前についています。

[先頭へ戻る]

新規のベーシックテンプレートセットを作成する

ウェブログを選択後デザインタブをクリックするか、管理画面のウェブログタブのショートカットから「デザインを編集する」をクリックしてください。

デザインタブで、「新しいテンプレートセットを作成」を使って新しいテンプレートセットを作成します。新しいテンプレートを始めから作成する場合は「ゼロから新しいデザインを作る」をチェックします。また、既にあるテンプレートを新しいテンプレートのベースにする場合は"このセットをベースにする"を選択して、プルダウンメニューからベースにするテンプレートセットを選択してください。

テンプレートビルダーについて

BeBLOGテンプレートビルダーは次の５つのセクションに分かれています：

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

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

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

スタイルはテンプレートの色、フォント、境界線や幅などのスタイルを設定します。

情報はテンプレートセットの名前を設定します。

個別のセクションについての情報はそれぞれの項目を参考にしてください。

[先頭へ戻る ]

テンプレートのレイアウトを設定する

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

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

１列: １列のカラムのデザインはあなたの投稿を前部の真ん中に出力します。綺麗で飾りっけのないレイアウトは人々をあなたの考えからそらす事なく、あなたの投稿した文章や写真に焦点を合わせさせるでしょう。
２列（左サイドバー）: ２列のデザインはシンプルでリンクやタイプリストを綺麗に配置する柔軟さを持っています。投稿に十分なスペースが用意されていますが、追加の情報のための良い量のスペースがあります。
２列（右サイドバー）: ２列のデザインはシンプルでリンクやタイプリストを綺麗に配置する柔軟さを持っています。投稿に十分なスペースが用意されていますが、追加の情報のための良い量のスペースがあります。
３列: もしあなたがメインのウェブログの共により多くの細かな情報を提供したいならば３列のレイアウトは良い選択です。これはタイプリスト、フォトアルバム、リンクといった情報により多くのスペースを提供します。

レイアウトを選択した後で、「変更を保存」ボタンをクリックしてください。

[先頭へ戻る]

テンプレートの表示項目を設定する

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

ウェブログのエントリー

日付ヘッダー: 日付ごとにエントリーをグループ表示出来ます。日付はそれぞれの日付の変更時にウェブログ上に表示されます。日付ヘッダーの表示を有効（または無効）するにはこのチェックボックスを使用します。
エントリーのタイトル: エントリーのタイトルを表示できます。このオプションを使って、エントリー作成時（または編集時）に入力してしたエントリーのタイトルを表示する事が出来ます。エントリーのタイトルを有効（または無効）にするにはこのチェックボックスを使用します。
フッター: フッターでは、投稿者の名前、投稿日、カテゴリー、Permalink、コメントやトラックバックへのリンクといった情報を表示する事が出来ます。フッターを有効（または無効）にするにはこのチェックボックスを使用します。また、プルダウンメニューからフッターに表示する情報のスタイルを選択してください。; Everything TypePad: Customizing your Weblog Post Footer

Permalinkについて

Permalinkとはエントリーの固定された場所の事です。Permalinkをクリックすると、アーカイブされた個別の記事に対して直接に移動する事が出来ます。

ウェブログのメインインデックスからエントリーが表示されなくなった後でもPermalinkのリンク先で常にエントリーにアクセスする事が出来ます。デフォルトではエントリーのフッターに常にPermalinkが表示されます。

サイドバーのコンテンツ

あなたの写真: あなた写真をサイドバーに表示出来ます。この写真はコントロールパネルタブからプロフィールの投稿者プロフィールを選んで投稿者のプロフィールを編集するを使って変更する事が出来ます。
サイドカレンダー: サイドバーに現在の月のアーカイブにリンクしたカレンダーを表示出来ます。日付はその日付のなかで最後に投稿されたエントリーにリンクされています。
最近のエントリー: サイドバーに最新の１０エントリーを表示する事ができます。
最近のコメント: サイドバーに最新の１０コメントを表示する事が出来ます。
アーカイブへのリンク: サイドバーにアーカイブのへのリンクを表示する事が出来ます。メインインデックスに記事が表示されなくなってからはアーカイブのリンクをとうしてエントリーにアクセスする事が出来ます。
カテゴリー: サイドバーにエントリーに割り当てられたカテゴリーを表示する事が出来ます。; カテゴリーを表示するには"ウェブログ"タブから設定＞アーカイブ設定でカテゴリー別のアーカイブ形式を有効にしてください。詳しくは、ウェブログのアーカイブ設定を設定するを参照してください。
プロフィールページへのリンク: あなたのアバウトページへのリンクを状する事が出来ます。アバウトページの設定は、プロフィールページをカスタマイズするを参照してください。
Email Link メールリンク: あなたのメールアドレスへのリンクを表示する事が出来ます。; あなたのメールアドレスはスパム業者に利用されないように自動的に符号化され守られます。しかしながら、もしあなたがプライバシーを心配ているなら、スパム業者からメールアドレスを保護するいちばんの方法はメールアドレスのリンクを表示しないという方法です; メールアドレスの設定方法は投稿者のプロフィールを編集するを参照してください。
Syndicateリンク: 「Syndicate this site (XML)」というリンクを表示で来ます。これは、あなたのウェブログをRSS形式で表示されたページへのリンクです。
「タイプリストに追加」リンク: このページを見た人が自分のBeBLOGで「ひと」リストにあなたを登録するためのリンクです。
あなたのフォトアルバム: あなたのフォトアルバムのリストをサムネイルを使って表示します。
BeBLOGの最新アップデートリスト: BeBLOGを使って最近アップデートされたウェブログ（フォトアルバム）をリスト表示します。
重要：このリストは最近BeBLOGでアップデートされたものを無作為に表示するものです。あなたにとって不愉快な内容を含むウェブログ等へのリンクをあなたのウェブログ内に表示する可能性もあることをあらかじめご承知おきください。
Powered by TypePadリンク: 「Powered by TypePad」というTypePadサービスへのリンクを表示します。
Member since... date: BeBLOGへの登録年月を表示する

あなたのタイプリスト

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

表示したいタイプリストを選択したら"変更を保存"ボタンをクリックしてください。

[先頭へ戻る]

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

ここでは、あなたが選んだテンプレートの表示項目の表示の順番を設定する事が出来ます。ドラッグ＆ドロップでそれぞれの表示項目をウェブログ上のサイドバーの好きな場所に並べてください。

並べ替えがすんだら、"変更を保存"をクリックしてください。

[先頭へ戻る]

テンプレートのスタイルを設定する

ここではあなたのウェブログの色、フォント、境界線、幅、その他のフォーマットなどを設定する事が出来ます。

ベーシックユーザのテンプレートについて

ベーシックユーザは提供されたデザインのテンプレートを使います。あなたの使いたいテンプレートをプルダウンメニューで選び、"このテンプレートセットを使用"をクリックしてください。

プラス/プロユーザのテンプレートについて

プラス／プロユーザは色、フォント、境界線、カラムの幅、バナーイメージのアップロードなどのカスタマイズを行う事が出来ます。

スタイルの各要素を変更した後に、各項目のプレビューエリアで変更された状態を確認する事が出来ます。また"プレビュー"ボタンをクリックする事で、変更されたウェブログの状態を確認する事が出来ます。

各要素の変更がよろしければ、"変更を保存"をクリックして保存してください。

各要素のカスタマイズについて：

ページの一般設定

この要素ではページの背景色と幅、メインコンテンツの背景色と幅、サイドバーの背景色と幅を設定出来ます。また境界線の設定やリンクのスタイルも設定する事が出来ます。

タイトルバナー

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

エントリー表示欄

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

サイドバー項目

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

サイドバーに独自にリンクのスタイルを使ったり、ページの一般設定でのリンク設定を使う事が出来ます。

スタイルの変更が終わったら、"変更を保存"ボタンをクリックして保存してください。

[先頭へ戻る]

テンプレートの基本設定を設定する

BeBLOGでは設定したテンプレートをテンプレートセットとして、複数持つ事が出来ます。基本設定では、テンプレートの名前と、テンプレートの説明を設定する事が出来ます

テンプレートセットの名前: テキストボックスに設定したテンプレートの名前をテキストボックスに記入してください。

なぜテンプレートセットの名前をつけるのでしょう？

テンプレートセットをあとから変更したり、新しいサイトを作るにあたって既にあるテンプレートセットを元にする場合には、其のデザインや目的に合わせてテンプレートセットに新しい名前を付けてあげる必要があるでしょう。

テンプレートセットの名前を変えておく事で、多くのテンプレートを作成する場合に各テンプレートを管理しやすくします。

テキストボックスにテンプレートセットについての説明を記入してください。

記入が終わったら"変更を保存"ボタンをクリックしてください。

[先頭へ戻る]

ベーシックテンプレートを編集する

テンプレートセットにかけられた変更は、同じテンプレートを使用しているすべてのウェブログに適用されます。

テンプレートセットについて

あなたのウェブログのデザインタブをクリックしてください。管理画面のウェブログをクリックして表示されたウェッブログのショートカットから「デザインを編集する」をクリックしてください。

「テンプレートセットを編集」リンクをクリックするとあなたのテンプレートの一覧を見る事が出来ます。

ここにはあなたがテンプレートビルダーを通して作成または編集したテンプレートセットが表示されます。それぞれのテンプレートセットのデザインを確認するには、各テンプレートセットの名前をクリックしてください。テンプレートセットのレイアウト、表示項目、並べ方、スタイル、基本情報などの特定の項目を編集したい場合はセクション名をクリックしてください。

もし既に上級者向けテンプレートセットを持っているのならば、ウインドウのいちばん下に一覧表示されます。編集する場合は、「編集」リンクをクリックするかテンプレートセット名をクリックしてください。

テンプレートセットを削除する

テンプレートセットを削除したい場合は、リストの削除の下にあるチェックボックスを使って削除したいテンプレートを選択します。次に"削除"ボタンをクリックするとあなたのアカウント上から完全に削除する事が出来ます。もし、削除したいテンプレートが現在のあなたのウェブログで使用されている場合は、デザインタブのデザインを選択を使って別のテンプレートが選択されるまで削除する事は出来ません。

[先頭へ戻る]

上級者向けテンプレートセットってなに？

（上級者向けテンプレートセットはプロユーザのみにご使用になれます）

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

なぜテンプレートセットの変換が必要なの？

もしあなたがHTMLを良く知っていて、自信があり、BeBLOGテンプレートタグの使い方に詳しいならば、あなたはテンプレートのデザインとフォーマットに関して、より多くの制御を行いたいと思うでしょう。

または、他のウェブログシステムでデザインされたウェブログのデザインをBeBLOGに読み込みたいと思うかもしれません。テンプレートセットを変換するという事はそのようなユーザーがテンプレートセットを直接読む事で、使用されている技術的な事柄をしることができるでしょう。

テンプレートの変換を行うと何が起こりますか？

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

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

なぜ、ゼロから上級社向けテンプレートセットを作る事が出来ないの？

テンプレートの複製と変換は上級者向けテンプレートセットで必要になる個々のテンプレートの要素をBeBLOG側で確実に用意するための方法です。

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

[先頭へ戻る]

上級者向けテンプレートセットを作成する

（上級者向けテンプレートセットはプロユーザのみご使用になれます）

もしデザインタブを開いていなければあなたのウェグログのデザインタブをクリックするか、管理画面のウェブログウェブログ一覧から「デザインを編集する」リンクをクリックしてください。

そこで、「テンプレートセットを編集」リンクをクリックしてテンプレートセットの一覧を表示します：

1 変換するテンプレートセットを選択してください

上級者向けテンプレートセットとして使いたいテンプレートセット一覧の中からチェックボックスを使って選択してください。

テンプレートセットの変換を行っても、選択された既存のテンプレートセットに変更は加えられません。そのかわり選択されたテンプレートセットをもとにして、上級者向けテンプレートセットが作成されます。

2 変換"ボタンをクリックしてください

「変換」ボタンをクリックすると、コンバートを行っていいか確認するポップアップウインドウが表示されますので、「変換する」ボタンをクリックしてください。

「変換する」ボタンをクリックすると、上級向けテンプレートセットの一覧の中に、今変換されたあたらしい上級向けテンプレートセットが現れます。「編集」リンクかテンプレートセットの名前をクリックすると編集することができます。

3 上級向けテンプレートセットをウェブログに割り当てる

デザインタブのデザインを選択をクリックして、「別のテンプレートセットを選択する」のプルダウンメニューから割り当てたい上級向けテンプレートセットを選択します。"このテンプレートセットを使用"ボタンを押して変更を反映してください。

[先頭へ戻る]