【カバーブロックの色を自由に設定する方法!】
みんな、こんにちは!リキマルです。
「カバーブロックの色を変えたいけど、選べる色が少ない…」って困ったことない?
実は、ちょっとした設定で好きな色を自由に選べるようになるんだ!
今回は 「カバーブロックのカラーパレットを増やす方法」 と 「ボタンの色を自由に変える方法」 をわかりやすく解説していくよ!
① カバーブロックの色を好きなカラーにする方法
デフォルトでは8色しか選べないんだけど、 「カスタムカラー」 を使えば自由に設定できるよ!
【設定手順】
1.カバーブロックを選択(編集画面でタップ)
2.右側の 「ブロック」設定 を開く
3.「オーバーレイ色(Cover Overlay)」 を探す
4.「カラーピッカー」 または 「カスタムカラー」 を選択
5.好きな色を選ぶ(または 色コード「#0000FF」 などを入力)
▶ 「オーバーレイ色」って何?
カバーブロックは 画像の上に色を重ねる仕組み になってるんだ。
だから、 透明度 を調整すれば、背景の画像がうっすら見えるデザインにもできるよ!
▶ 背景を単色のカバーにしたい場合
もし 「画像なしで青一色のカバーにしたい」 なら、こうすればOK!
1.カバーブロックを追加(画像を選択しない)
2.オーバーレイ色をブルーに設定
3.透明度を0%(完全な色)にする
② 「ボタンの色」を自由に設定する方法
「編集ボタンの色を緑にしたい!」 ってときは、ボタンブロックの設定を変更すればOK!
【設定手順】
1.ボタンブロックを追加(または既存のボタンを選択)
2.右側の 「ブロック」設定 を開く
3.「背景色」 で好きな色を選択(緑にするなら #00AA00 など)
4.「文字色」 も変更できるよ!(背景色に合う色を選んでね)
▶ もっと細かく調整したいなら?
「微妙に色のトーンを変えたい!」って場合は、 「カラーピッカー」 で カスタムカラー を指定しよう!
もし 「もっと自由にデザインしたい!」 って人は、カスタムCSSを使う方法もあるよ!(気になる人は聞いてね)
③ まとめ
•カバーブロックの色は「カスタムカラー」で自由に変更OK!
•オーバーレイ色の透明度を調整すると、おしゃれなデザインになる!
•ボタンブロックの背景色も自由に設定可能!
「思い通りのデザインにならない…」ってモヤモヤしてた人も、これでスッキリ解決!
ぜひ試してみてね!もし「ここがうまくいかない!」ってことがあったら、気軽にコメントしてね!
ではでは、リキマルでした!
🌟 リキマル – 市民の声を届ける情報発信者
「City Voice」を運営し、政策提案型のプラットフォームを立ち上げ。
市民の声を行政に届けるための情報発信を続ける。
ブログでは「情報発信力を高めるためのノウハウ」や「政策提言の実践記録」を発信中。
情報通信会社勤務の後、農業分野に転身。農業未経験の新規参入事業者ながら、総工費4億円超規模の「強い農業づくり交付金事業」認定を国から受ける。高糖度フルーツトマト栽培を行う中、ブランディングに取り組む。この経験が日本の農業政策に関心を深めるきっかけとなった。農業生産法人代表退任後、現場の声が政策に反映される仕組みづくりに取り組み、暮らしの声を政策にするプラットフォーム 「City Voice」 を立ち上げる。現在 City Voice代表 を務める。
📌 興味のあるテーマ
✅ 市民の声を政策に反映させるには?
✅ 情報発信力を高める方法
✅ 政策の裏側をわかりやすく解説
📌 活動
✅ 政策提案プラットフォーム「City Voice」運営
✅ ブログ「制作日記」で情報発信のノウハウを公開
✅ SNSで市民の声を広げる活動
コメントを残す