関西どっとコムblogのヘルプ

■『テンプレートデザインカスタマイズ機能』とは

『テンプレートデザインカスタマイズ機能』は、関西どっとコムblogのブログデザインを自分好みに編集することができる機能です。
世界で一つだけの、自分だけのブログデザインを作成し、それを自分のブログのデザインとして使用することができます。

ぜひ、自分だけのオリジナルデザインにチャレンジしてみてください。

→次へ：デザインカスタマイズ機能利用のご注意

■『テンプレートデザインカスタマイズ機能』ヘルプ目次
----------------------------------------------
ご利用の前に
・デザインカスタマイズ機能利用のご注意
----------------------------------------------
【目次】デザインカスタマイズ機能
（１）デザインカスタマイズ概要
（２）デザインカスタマイズページ
（３）my Designの作成
（４）「簡易作成」で、デザインカスタマイズ
（５）「css直接入力」で、デザインカスタマイズ
（６）カスタマイズ上の注意点
----------------------------------------------
【目次】「簡易作成」の設定項目
（１）「カラー」の設定
（２）「画像」の設定
（３）「ライン」の設定
（４）「文字」の設定
（５）「リンク」の設定
（６）「カテゴリ」の設定
（７）「カレンダー」の設定
----------------------------------------------
【目次】「css直接入力」の設定項目
（１）複数の画像アップロード
（２）css入力フォーム（セレクタ名）
（３）ヘッダーHTMLの設定
----------------------------------------------

デザインテンプレート作成機能のご利用にあたって、以下の点にご注意ください。

■本機能の利用について
・本機能は、ユーザー各自が自己責任の元、利用することとします。
・本機能の利用によって、ブログのデザインレイアウトの崩れ、表示の不具合等が発生しても、関西どっとコムは一切の責任を負わないものとします。
・スタイルシート（css）、HTML自体の技術的なサポートにはお答えできませんのでご了承ください。

■テンプレートデザインの著作権
・本機能で作成されたテンプレートデザインの著作権は、ユーザー本人に帰属します。
・ただしユーザーは、関西どっとコムが、広告・宣伝、利用促進企画などプロモーション活動の範囲内において、画像等の情報利用、Webサイトへの掲載などに利用することを承認します。

■禁止事項
デザインテンプレートの作成にあたり、以下のような行為を禁じます。

・他の利用者、または第三者の著作権を侵害するデザイン、及び画像の使用。
・プライバシー、または肖像権の侵害となる画像、またはそのおそれのある画像の使用。
・公序良俗に反するものを画像に使用すること。
・その他、関西どっとコムが問題があると認めたデザイン、及び画像。

■禁止行為に対する対応
・該当ユーザーに対し、使用停止を求める警告メールの送信。
・関西どっとコムが緊急性を認めた場合、強制的なテンプレートデザインの変更、または会員資格の停止を行う場合があります。

以上をご了承の上、デザインカスタマイズ機能をお楽しみください。

デザインカスタマイズ概要

デザインカスタマイズ（※簡易作成）には、HTMLやCSSの知識は特に必要としません。
背景色やblogタイトル、本文テキストなど、デザインを構成する各要素を指定することで、誰でもカンタンにデザインのカスタマイズを行うことができます。

デザインカスタマイズ機能では、編集用のプレーンな「ベースデザイン」テンプレートを用意しています。
この「ベースデザイン」を元に、カスタマイズを加え、オリジナルの「my Design」を作成していきます。


「my Design」の作成方法には、「簡易作成」と「css直接入力」の２つの方法が用意されていますが、ここでは、初心者でもカンタンにカスタマイズができる「簡易作成」方法を中心にご説明いたします。

デザインカスタマイズページへ
マイページの左サイド「blog管理」メニューから「デザインカスタマイズ」をクリックしてください。デザインカスタマイズ機能のトップページに移動します。

デザインカスタマイズページは「my Design」の管理ページになっています。
作成された「my Design」がリスト表示されており、デザインの適用や削除などの管理を行うことができます。

[デザインの削除]
・my Designを最大の10個まで保存している場合、新規にmy Designを作成する場合は、既存のmy Designを1つ削除する必要があります。
・現在、ブログに適用（使用）しているmy Designは削除できません。他のmy Designまたは、関西どっとコムの公式テンプレートに変更してから、削除してください。

my Designを作成する
デザインカスタマイズを行うには、編集用のファイルとなる「my Design」を作成する必要があります。

「my Design」ファイルを編集して、オリジナルデザインを作成していきます。

【my Designの作成】
[my Designの作成]ボタンをクリックします。

↓
デザインタイプを選択
・固定幅（760ピクセル）と可変幅（100%）の２つのタイプが選べます。お好みのタイプを選んで問題ありません。ここでは編集が易しい「固定幅」のタイプを選択します。
作成方法を選択
「簡易作成」方法と「CSS直接入力」方法の２つが選べます。
ここではカンタンな「簡易作成」方法を選択して、説明を進めます。

これで「固定幅」のデザインを「簡易作成」でカスタマイズすることになりました。
[次へ]をクリック
↓
簡易作成画面
この画面で、ブログの各部分の色や、サイズ、画像などを設定します。
ここではまずmy Designの作成の流れを一通り体験するため、1度、my Designを保存することにします。設定には触らず、画面下部の[作成する]ボタンをクリックします。

↓
デザインカスタマイズのトップページに戻りました。先ほど作成したmy Designが新たに１つ保存されているはずです。
（my Designは最大10個まで保存できます）

早速このデザインを、ブログのデザインテンプレートとして適用してみましょう。

「デザイン適用」の項目から、使いたいブログデザインにチェックを入れて、下にある[適用]ボタンをクリックします。

ブログを表示すると、スキンが変更されています（されていないという場合は、ブラウザの「更新」ボタンを押してみてください）。
↓
今、ブログ上で表示されているデザインは、デザインカスタマイズ用の「ベースデザイン」です。このベースデザインを、編集してオリジナルのデザインにしていきます。
※my Designを適用している場合、マイページには固定デザインが適用されます。デザインカスタマイズしてもマイページ側には影響ありません。

それでは引き続き、簡易作成方法でカスタマイズしてみましょう。

簡易作成方法でのデザインカスタマイズ
簡易作成で、ベースデザインを編集しましょう。
一覧から、作成したいmy designの[編集]ボタンをクリックします。簡易作成画面に遷移します。

左側の「項目」に、ブログの表示要素が並んでいます。
右側の「設定」が、各項目の設定内容です。各「項目」別に、色や画像などの「設定」を行います。


各設定項目については、こちらをご覧ください。
→デザインカスタマイズ機能　「簡易作成」の設定項目

設定できる要素には以下のものがあります。
・カラー
・画像
・ライン（線）
・文字
・リンク
・その他の設定（カテゴリ・カレンダー）

これらを、全体背景、ブログタイトル、プロフィールなどブログの各場所に対して設定していきます。
※設定箇所によって、選択できない設定やタイプもあります。

■例：ブログタイトルをカスタマイズする

ブログタイトルの表示を変更してみましょう。
「ブログタイトル」の項目部分を編集します。
・文字サイズ　→　プルダウンから「大」を選択
・文字カラー　→　カラーパレットから好みの色を選択


設定ができたので、[確認する]ボタンをクリックします。
ブログタイトルが大きくなって、色も変わりました。


問題なければ[作成する]ボタンをクリックして、設定を保存しましょう。

全ての設定を１度に変更するのは難しいので、部分ごと「確認」画面で状態を確かめながら設定し、少しずつ段階を踏んで編集していくことをおすすめいたします。

納得がいくデザインが完成したら、デザインカスタマイズのトップページにて、「デザイン適用」を行って、ブログにデザインを反映させましょう。

CSSを直接編集して、デザインカスタマイズ

※css直接入力は、cssとHTMLの知識が必要となり、編集もそれだけ難しくなっています。自信の無い方は「簡易作成」をご利用ください。

【my Designの作成】
簡易作成と同じく[my Designの作成]ボタンをクリックし、作成方法に「CSSを直接入力」を選択します。

CSS入力フォームが表示されますので、直接CSSを編集していきます。


・デザイン名　→　お好きなデザイン名を入力してください。
・複数の画像アップロード　→　CSSで画像を指定する場合などに、ブログの投稿画面でも使用している「複数の画像アップロード」機能を使って画像をアップしてください。アップした画像のURLをコピーして、ソースに画像タグを挿入してください。
・CSS入力フォーム　→　ここでCSSを直接編集します。
・ヘッダーHTML　→　ブログのヘッダー（上部）部分に挿入するHTMLを設定できます。

簡易設定と同じく、[確認する]ボタンをクリックして、設定内容をご確認の上、設定を保存するには[デザインを作成]ボタンをクリックしてください。

利用上の注意やポイント

■マイページについて

デザインカスタマイズ機能で作成したデザインテンプレートを適用した場合、マイページには固定デザインが適用されます。
これはデザインカスタマイズ機能利用により、CSSの詳細編集を行い、デザインが崩れたり画面が表示されないような値を入力した際、マイページを正常に利用できなくなる恐れがあるためです。


関西どっとコム提供のブログデザインを使用されている場合は、これまで通りブログ、マイページ共通のデザインになります。

■可変幅(100%）のデザインについて

デザインタイプ「可変幅(100%）」のデザインテンプレートを適用すると、画像レイアウトで「テキスト回り込みなし」に設定された記事のテキストが画像を回りこんでしまいますので、ご注意ください。（下の画像をご参照ください）

※「固定幅(760ピクセル)」の場合、問題はありません。

■my Designの削除について

・my Designを最大の10個まで保存している場合、新規にmy Designを作成する場合は、既存のmy Designを1つ削除する必要があります。
・ブログに適用（使用）しているmy Designは削除できません。他のmy Designまたは、関西どっとコムの公式テンプレートに変更してから、削除してください。

■その他ご注意やポイント

・CSS直接入力での作成は、CSSやHTMLの知識や技術が必要になります。まずは簡易作成方法でのカスタマイズをおすすめいたします。

・編集内容は、確認画面で内容をお確かめの上、保存するようにしてください。

・大事なmy Designはコピーをとっておきましょう。編集に失敗した時でも、バックアップになり安心です。

・色の設定に注意しましょう。背景と文字を同じ色に設定しまうと、文字が読めなくなってしまいます。背景と文字色のバランスに注意して、読みやすい色に設定してください。

「簡易作成」での各設定項目
簡易作成での各設定項目の内容を説明します。

■デザイン名
お好きなデザイン名を入力してください。
デザイン名は管理上の名称で、後でも変更はできます。

----------------------------------------------
【目次】「簡易作成」の設定項目
（１）「カラー」の設定
（２）「画像」の設定
（３）「ライン」の設定
（４）「文字」の設定
（５）「リンク」の設定
（６）「カテゴリ」の設定
（７）「カレンダー」の設定
----------------------------------------------

■「カラー」の設定
表示箇所または背景カラーの設定です。
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

※画像の設定がある場合は、画像が優先して表示されます。