タイトルの背景画像を設定する

Cocoon
Photo by DENYS AMARO on Unsplash

ブログ タイトルの背景画像を設定します(赤線で囲ってある部分)。

ブログタイトル(背景画像無し)

ヘッダーのレイアウト変更

赤丸で囲ってある部分を ヘッダー と呼びます。
タイトルのバックグラウンドに表示される画像はヘッダー背景画像 と呼ぶようです。
ヘッダー背景画像 の変更は、管理画面のCocoonのメニューから行います。

ヘッダー背景画像の設定方法

ヘッダー背景画像の設定方法1
  1. Cocoon設定をクリック
  2. ヘッダータブを選択

次に、少し下にスクロールさせまると、

ヘッダー背景画像の設定方法2

ヘッダー背景画像の設定メニューが出てきますので、
選択をクリックし、ヘッダーの背景に使用したい画像を選択します。

つぎに、設定画面を上の方にスクロールし、

ヘッダー背景画像のプレビュー

変更をまとめて保存するボタンを押すと、設定した画像のプレビュー画像が表示されます。


トップページも更新されています。

ブログタイトル(背景画像あり)

めでたしめでたし。

その他

ヘッダーの設定画面では、背景画像の以外にもヘッダーのレイウトやサイズなどが
変更できます。
いろいろ変更してみて好みのレイアウトに変更しましょう。

コメント

タイトルとURLをコピーしました