【WordPress】コンテンツの影(box-shadow)のデザインを変更する方法【カスタマイザー】

WordPressテーマ「SIMPLE」では、サイドバーやメニューなどのあらゆるコンテンツの影（box-shadow）のデザインを変更することができます。

本記事では、テーマ「SIMPLE」でコンテンツの影のデザインを変更する方法を解説します。

具体的な手順は、以下の通りです。

• 外観 → カスタマイズ → 影の調整に移動する
• 影のデザインを変更する

詳しく解説していきます。

WordPressテーマ「SIMPLE」でコンテンツの影のデザインを変更する方法

外観 → カスタマイズ → 影の調整に移動する

まずは、WordPressの管理画面にログインして「外観 → カスタマイズ → 影の調整」に移動します。

影のデザインを変更する

影のデザインを変更します。

変更できる項目は、以下の通りです。

1. 水平方向の影の長さ
2. 垂直方向の影の長さ
3. 影のぼかし度合い
4. 影の大きさ
5. 影の色
6. 透過度
7. 影の配置

以下の例では、記事一覧カードの影のデザインを変更しています。

・水平方向の影の長さ↓

・垂直方向の影の長さ↓

・影のぼかし度合い↓

・影の大きさ↓

・影の色↓

・透過度↓

・内側に影を表示する↓

テーマ「SIMPLE」の影のデザインの設定一覧は、以下の記事をご覧ください。

【WordPress】コンテンツの影(box-shadow)のデザインを変更する方法【カスタマイザー】 WordPressテーマ「SIMPLE」では、サイドバーやメニューなどのあらゆるコンテンツの影（box-shadow）のデザインを変更することが…