bingo!CMS Version1.x マニュアルサイト

bingo!CMS v1.3版マニュアルサイト [ Ver.1.4をお使いの方は下のリンクより1.4用のPDFをご参照ください ]

ヘッダー背景画像を登録・編集する

ヘッダー背景画像を登録・編集する

(テンプレート編集)

テンプレートのヘッダー背景画像登録や編集を行います。
背景サイズ、背景カラー、背景位置の編集が可能です。

ヘッダー背景画像を登録・編集する

※ヘッダー部分の背景画像編集画面は、ver1.3からの新機能です。
テンプレート設定画面にて、カバー画像編集有りの記述があるもののみ編集が可能です。
(編集が可能かどうかは、各テンプレートによって異なります。)

適用されているメニューがあるテンプレートを編集すると編集内容が即座に公開されますのでご注意ください。
編集内容を即座に公開したくない場合は、編集したいテンプレートを複製し、複製したテンプレートを編集することで公開画面とは別に編集することが可能です。
詳しくは「テンプレートを複製する」をご覧ください。

1.テンプレート編集画面を開く

テンプレート編集画面で、編集するテンプレートの[編集]ボタンをクリックします。
編集画面に遷移します。

2.ヘッダー編集画面を開く

ヘッダー背景画像を登録・編集する

ヘッダー部分の[背景画像編集]ボタンをクリックします。
背景画像編集画面が開きます。


ヘッダー背景画像を登録・編集する

[背景サイズ]
背景画像のサイズを変更します。
数値を直接入力するほか、各スライダーの調節によっても値を編集できます。

[画像ズーム]スライダー
このスライダーを調節すると、画像の拡大・縮小ができます。
「ヘッダー編集」画面から登録した画像が、100%として表示されます。

[高さ]スライダー
このスライダーを調節すると、画像の高さを編集できます。
「ヘッダー編集」画面から登録した画像が、最大値として表示されています。
[画像ズーム]スライダーの編集に伴って、[高さ]スライダーの最大値も変化します。

[背景カラー]
背景のカラーを編集します。
カラーピッカーの他、RGB、16進数コードを入力することでも編集できます。

[背景位置]
背景画像の位置を変更します。
数値を直接入力するほか、各スライダーの調節によっても値を編集できます。

[上下位置]スライダー
このスライダーを調節すると、表示領域に対して画像の上下位置を編集できます。
「ヘッダー編集」画面から登録した画像が、上下位置0pxとして表示されます。

[左右位置]スライダー
このスライダーを調節すると、表示領域に対して画像の左右位置を編集できます。
「ヘッダー編集」画面から登録した画像が、左右位置0pxとして表示されます。

3.登録する

入力後、[保存]ボタンをクリックして内容を保存します。

※背景画像編集を行わない場合、サイト編集時およびプレビュー時にはダミー画像が表示されます。
カバー画像編集機能有りのテンプレートは、公開時もダミー画像のまま公開されてしまうので、必ず編集をしてください。

ページトップ

このサイトは「bingo!CMS」で制作・運用されております。デザインテンプレートは「generic(ブルー・ローカルメニュー付)」を使用しております。