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

helpのblog

HOME

（４）「簡易作成」で、デザインカスタマイズ　/　help

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

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


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

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

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

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

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


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


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

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

納得がいくデザインが完成したら、デザインカスタマイズのトップページにて、「デザイン適用」を行って、ブログにデザインを反映させましょう。
2006年12月20日(水) at 00:21　

（５）「css直接入力」で、デザインカスタマイズ　/　help

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

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

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

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


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

簡易設定と同じく、[確認する]ボタンをクリックして、設定内容をご確認の上、設定を保存するには[デザインを作成]ボタンをクリックしてください。
2006年12月20日(水) at 00:20　

（６）カスタマイズ上での注意点　/　help

HOME > デザインカスタマイズ機能
利用上の注意やポイント

■マイページについて

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


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

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

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

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

■my Designの削除について

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

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

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

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

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

・色の設定に注意しましょう。背景と文字を同じ色に設定しまうと、文字が読めなくなってしまいます。背景と文字色のバランスに注意して、読みやすい色に設定してください。
2006年12月20日(水) at 00:19　

【目次】「簡易作成」の設定項目　/　help

HOME > デザインカスタマイズ機能
「簡易作成」での各設定項目
簡易作成での各設定項目の内容を説明します。

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

----------------------------------------------
【目次】「簡易作成」の設定項目
（１）「カラー」の設定
（２）「画像」の設定
（３）「ライン」の設定
（４）「文字」の設定
（５）「リンク」の設定
（６）「カテゴリ」の設定
（７）「カレンダー」の設定
----------------------------------------------
2006年12月20日(水) at 00:18　

【簡易作成】 （１）「カラー」の設定　/　help

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

※画像の設定がある場合は、画像が優先して表示されます。
2006年12月20日(水) at 00:17　

【簡易作成】 （２）「画像」の設定　/　help

HOME > デザインカスタマイズ機能
■「画像」の設定
「画像選択」
その項目で使用する画像を指定します。[参照]ボタンを押して、PC内にある画像を指定してください。
※登録後、画像を削除したい場合は、「画像を削除する」にチェックを入れてください。


「画像繰り返し」
画像を、どのように繰り返し表示させるのか、設定します。
・全方向に繰り返し　→　画像はタテ・ヨコ方向に繰り返し表示されます。
・横にのみ繰り返し　→　画像はヨコ方向に繰り返し表示されます。
・縦にのみ繰り返し　→　画像はタテ方向に繰り返し表示されます。
・繰り返しなし　→　画像は繰り返し表示されません。

「画像配置位置」
画像の配置位置を、以下の9つの位置から設定します。
左上段
真中上
右上段
左中段
真中
右中段
左下段
真中下
右下段
2006年12月20日(水) at 00:16　

【簡易作成】 （３）「ライン」の設定　/　help

HOME > デザインカスタマイズ機能
■「ライン」の設定
ライン（線）の表示設定です。

「ラインカラー」
線の色を設定します。色の指定は「カラー」設定と同じです。
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

「ラインの種類」
線のタイプを以下から選びます。
※設定箇所によって、選択できない設定やタイプもあります。
・実線　→　通常のラインです。
・二重の線　→　二重線です。※「太い」または「極太」の設定が必要です。
・谷型の線　→　谷型の線です。※「太い」または「極太」の設定が必要です。
・山型の線　→　山型の線です。※「太い」または「極太」の設定が必要です。
・凹型　→　凹型の線です。※「太い」または「極太」の設定が必要です。
・凸型　→　凸型の線です。※「太い」または「極太」の設定が必要です。
・丸い点線　→　丸い点で構成された点線です。
・四角い点線　→　四角い点で構成された点線です。
・線なし　→　線を非表示にします。

ラインタイプの例　※ブラウザによって表示のされ方は異なります。

「ラインの太さ」
線の太さを選びます。
・極太　→　非常に太いライン
・太い　→　太めのライン
・細い　→　細めのライン
2006年12月20日(水) at 00:15　

【簡易作成】 （４）「文字」の設定　/　help

HOME > デザインカスタマイズ機能
■「文字」の設定
文字表示に関する設定です。

「文字サイズ」
文字の大きさを以下の3種類から選びます
・大　→　文字を大きなサイズで表示します。
・中　→　文字を中くらいのサイズで表示します。
・小　→　文字を小さいサイズで表示します。

「文字カラー」
文字の表示色を設定します。
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。
2006年12月20日(水) at 00:14　

【簡易作成】 （５）「リンク」の設定　/　help

HOME > デザインカスタマイズ機能
■「リンク」の設定
リンクになっているテキストの色を設定します。
リンクには、以下の３つの状態があり、それぞれ設定できます。

「リンクカラー」
リンクになっているテキストの色を設定します。（リンクでないテキストの色は変わりません）
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

「マウスオーバーカラー」
リンクテキストに、マウスが重なったときに変化する色を設定します。
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

「訪問済みカラー」
１度リンクをクリックし、「訪問済み」となったリンクテキストの色を設定します。
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

2006年12月20日(水) at 00:13　

【簡易作成】 （６）「カテゴリ」の設定　/　help

HOME > デザインカスタマイズ機能
■「カテゴリ」の設定　※特殊な設定箇所
ブログ上部でヨコ一列に並んでいる「公式カテゴリ」メニューの設定です。


「閲覧カテゴリカラー」
現在、閲覧している（選択している）「公式カテゴリ」のテキストカラーを設定します。

[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

「境界線カラー」
「公式カテゴリ」と「公式カテゴリ」のメニューの「仕切り」に使われている境界線のカラーを設定します。
（　HOME ｜ グルメ ｜ おでかけ・旅 ｜ ←このカテゴリ間の仕切りが、境界線になります）
[カラー設定]ボタンをクリックすると、カラーパレットが開きます。カラーパレットの中からお好きな色を選んで、クリックしてください。

2006年12月20日(水) at 00:12