ワードプレス練習16(カバーブロック・背景に文字)

カバーブロック画像 ワードプレス奮闘記

ブロックエディタの中の「カバーブロック」という機能がありますが
動画、画像などとは違い
カバーブロックという名前では、全くその機能のイメージがわきません。
さて?

カバーブロック

カバーブロックとは?

画像を背景として使用しその上に様々なブロック(見出しブロック、段落、ボタンなど)
を表示させることができる機能。
簡単に言うとオシャなサイトが作れるわけだね。

カバーブロック作成手順

  • +から「カバー」を選択し画像を設定する。
  • 画像選択ではなく背景色だけを変えることもできる。
  • 最初は、段落ブロックになっていて文字の入力もできるが
    見出しなど他のブロックも様々使える。

カバーブロック詳細設定

スタイル変更

1オーバーレイの不透明度0%~100%まで、感覚的に画像と文字の見やすさを調整できる
2幅の設定全幅、中央寄せ、右寄せ、左寄せ、幅広など調整可
3カバー画像の最小の高さ縦幅を変更できる。上記カバーしたの赤いほうは、150pxで設定

設定の変更

◆固定背景

固定背景をOn
スクロールしても
後ろの画像が
ついてきません
なんと!?

◆繰り返し背景

繰り返し背景をOn
小さめの画像を使用しないと
このようにならない
のがポイント

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