制作日記 05:カバーブロック設定変更

【カバーブロックの色を自由に設定する方法!】

みんな、こんにちは!リキマルです。

「カバーブロックの色を変えたいけど、選べる色が少ない…」って困ったことない?

実は、ちょっとした設定で好きな色を自由に選べるようになるんだ!

今回は 「カバーブロックのカラーパレットを増やす方法」 と 「ボタンの色を自由に変える方法」 をわかりやすく解説していくよ!

① カバーブロックの色を好きなカラーにする方法

デフォルトでは8色しか選べないんだけど、 「カスタムカラー」 を使えば自由に設定できるよ!

【設定手順】

1.カバーブロックを選択(編集画面でタップ)

2.右側の 「ブロック」設定 を開く

3.「オーバーレイ色(Cover Overlay)」 を探す

4.「カラーピッカー」 または 「カスタムカラー」 を選択

5.好きな色を選ぶ(または 色コード「#0000FF」 などを入力)

▶ 「オーバーレイ色」って何?

カバーブロックは 画像の上に色を重ねる仕組み になってるんだ。

だから、 透明度 を調整すれば、背景の画像がうっすら見えるデザインにもできるよ!

▶ 背景を単色のカバーにしたい場合

もし 「画像なしで青一色のカバーにしたい」 なら、こうすればOK!

1.カバーブロックを追加(画像を選択しない)

2.オーバーレイ色をブルーに設定

3.透明度を0%(完全な色)にする

② 「ボタンの色」を自由に設定する方法

「編集ボタンの色を緑にしたい!」 ってときは、ボタンブロックの設定を変更すればOK!

【設定手順】

1.ボタンブロックを追加(または既存のボタンを選択)

2.右側の 「ブロック」設定 を開く

3.「背景色」 で好きな色を選択(緑にするなら #00AA00 など)

4.「文字色」 も変更できるよ!(背景色に合う色を選んでね)

▶ もっと細かく調整したいなら?

「微妙に色のトーンを変えたい!」って場合は、 「カラーピッカー」 で カスタムカラー を指定しよう!

もし 「もっと自由にデザインしたい!」 って人は、カスタムCSSを使う方法もあるよ!(気になる人は聞いてね)

③ まとめ

•カバーブロックの色は「カスタムカラー」で自由に変更OK!

•オーバーレイ色の透明度を調整すると、おしゃれなデザインになる!

•ボタンブロックの背景色も自由に設定可能!

「思い通りのデザインにならない…」ってモヤモヤしてた人も、これでスッキリ解決!

ぜひ試してみてね!もし「ここがうまくいかない!」ってことがあったら、気軽にコメントしてね!

ではでは、リキマルでした!

Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です