テンダイスタイトルイラスト管理室(仮)

ウェブリブログのタイトル背景設定手順

最終更新:

iduser

- view
メンバー限定 登録/ログイン
ウェブリブログのタイトル背景部分設定手順です。

【参考】ウェブリブログ ヘルプ

携帯からブログ閲覧した際のダイトル背景も設定できます。⇒設定手順

設定時の手順

1.画像をアップロードする

  1. ウェブリブログにログインします。
  2. ブログ管理ページを開きます。
  3. 左側のメニューバーより、ブログ >設定 の順に開きます。
  4. 「基本表示設定(ブログ紹介編集・デザイン)」画面が表示されます。
  5. ブログ紹介画像 の項目の、画像リストボタンでファイルマネジャーを開き、画像をアップロードします。
  6. ブログ紹介画像 の項目にurlが表示されるので、それをコピーしてメモ帳などに貼り付けておいてください。



2.CSSに書き込む

  1. 左側のメニューバーより、ブログ >設定 >オプションの順に開きます。
  2. 「オプション」画面が表示されます。
  3. 右下にある「CSS編集(上級者向け)」を開きます。
  4. 「CSS編集」画面が開きます。
  5. テキストエリアにCSSが表示されるので、「タイトル(大)」の箇所に以下のとおりに記述してください。
※「タイトル画像のURL」の部分には、メモ帳に貼り付けておいたURLをコピーペーストしてください。

【初期状態】
/*---------------- タイトル(大) ----------------*/
#banner{
    /* 包含要素を相対位置指定できるようにします */
}

↓以下の通りに書き換え

【記述後】
/*---------------- タイトル(大) ----------------*/
#banner{
    /* タイトル画像を繰り返しなしで背景に表示する */
    background:url("タイトル画像のURL") no-repeat;

   /* タイトル領域の高さ */
    height:200px;  
}


記述が終わったら、テキストエリア下部の「設定」ボタンをクリックします。
※「設定」ボタンを押さないと、変更が反映されません。

以上でタイトル背景が変更されます。
タイトル背景以外のデザインは、「基本表示設定(ブログ紹介編集・デザイン)」のデザインテンプレートで指定されたものになります。


設定解除時の手順

  1. ウェブリブログにログインします。
  2. ブログ管理ページを開きます。
  3. 左側のメニューバーより、ブログ >設定 >オプションの順に開きます。
  4. 「オプション」画面が表示されます。
  5. 右下にある「CSS編集(上級者向け)」を開きます。
  6. 「CSS編集」画面が開きます。
  7. 右上の「>> 初期値をフォームに入力 (元に戻したい場合)」のリンクをクリックします。
  8. メッセージボックスが表示されるので、「OK」をクリックします。(「編集中のCSS情報は保存されません。よろしいですか?」)
  9. テキストエリア下部の「設定」ボタンをクリックします。
※「設定」ボタンを押さないと、変更が反映されません。

以上でタイトル背景が解除されます。
タイトル背景を含めたデザインは、「基本表示設定(ブログ紹介編集・デザイン)」のデザインテンプレートで指定されたものになります。
添付ファイル
目安箱バナー