制作日記 06:ボタンの変更

WordPressの黒いボタンを白に変更する方法！

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

「ボタンの色が黒くてデザインに合わない…白いボタンにしたい！」と思ったことはありませんか？

実は、簡単な設定で白い背景のボタンに変更できるんです！

今回は、「ブロックエディターで変更する方法」 と 「カスタムCSSでデザインを調整する方法」 を、わかりやすく解説していきますね！

① ブロックエディターで変更する（簡単！）

「黒いボタンを白くするだけでOK！」という場合は、ブロックエディターで簡単に変更できます。

設定手順

1. 編集画面でボタンを選択（クリック or タップ）

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

3. 「スタイル」または「色」設定を開く

4. 背景色を「白」に変更する

5. 文字色を黒に変更する（白い背景のままだと見えなくなるので注意！）

▶ ワンポイントアドバイス！

☑ 「白いボタンにしたけど、枠がなくて見にくい！」 → 「ボーダー」を黒にすると、おしゃれに見えますよ！

② カスタムCSSを使う（もっと細かくデザインを調整！）

「ボタンの色が変更できない…」「もう少しデザインをカスタマイズしたい！」という場合は、カスタムCSS を使えば自由に変更できます。

設定手順

1. WordPressの管理画面 で

「外観」 → 「カスタマイズ」 → 「追加CSS」 を開く

2. 以下のコードを追加する

リキマル

🌟 リキマル – 市民の声を届ける情報発信者

「City Voice」を運営し、政策提案型のプラットフォームを立ち上げ。
市民の声を行政に届けるための情報発信を続ける。
ブログでは「情報発信力を高めるためのノウハウ」や「政策提言の実践記録」を発信中。

情報通信会社勤務の後、農業分野に転身。農業未経験の新規参入事業者ながら、総工費4億円超規模の「強い農業づくり交付金事業」認定を国から受ける。高糖度フルーツトマト栽培を行う中、ブランディングに取り組む。この経験が日本の農業政策に関心を深めるきっかけとなった。農業生産法人代表退任後、現場の声が政策に反映される仕組みづくりに取り組み、暮らしの声を政策にするプラットフォーム 「City Voice」 を立ち上げる。現在 City Voice代表 を務める。

📌 興味のあるテーマ
✅ 市民の声を政策に反映させるには？
✅ 情報発信力を高める方法
✅ 政策の裏側をわかりやすく解説

📌 活動
✅ 政策提案プラットフォーム「City Voice」運営
✅ ブログ「制作日記」で情報発信のノウハウを公開
✅ SNSで市民の声を広げる活動