219_Gutenbergで画像背景の透明度を調整するには

前回画像の上に文字を載せる方法をお伝えしました。
今回は設定した画像の透明度とテキストのバランスを調整する方法について説明していきます。


それでは手順を確認していきましょう。
まずは【投稿】の【新規追加】をクリックした後、タイトルを入れたら本文部分の横にある『カバーの追加』をクリックします。

クリックした後、画像をアップロードします。

アップロードが完了すると下記のような画面になるので『タイトルを入力…』をクリックしてテキストを入れていきます。

右側に詳細設定するブロックがあるので『背景の透過率』のパーセントを高めると背景が暗く、低くすると背景が明るくなっていきます。

いかがでしたか?
背景の透過率については暗くすればテキストが見えやすく、明るくすると画像が見えやすくなりますのでバランスが大事です。
サイト訪問者=第三者のことを考え視認性を大事にすると良いでしょう。