賢威7.0賢威7:個別記事と固定ページのメインコンテンツ部分に影を付ける方法こんにちは、ぶどうサワーです。サイトの閲覧ありがとうございます。今回の記事では、WordPressテーマ:賢威7の個別記事と固定ページのメインコンテンツ部分に、うっすらとした影を付ける方法を紹介していきます。記事の部分をさり気なく強調できるので、特に白い背景を使用しているサイトにオススメなカスタマイズです。今回は見た目のみのカスタマイズなので、CSSファイルを編集していきます。ファイルや、子テーマのCSSファイルなど、お使いのCSSファイルに以下のコードを追加します。rgba(0,0,0,.1);}これで個別記事と固定ページのメインコンテンツ部分の境界線が消えて、影がうっすら入るようになりました。影を調整するにはbox-shadowのプロパティを公式風に書いてみると、下の画像のようになります。x方向、y方向というのは縦横の影の向きで、rgba(...)というのは、通常のカラーコード(rgb)に不透明度(a)を追加したものです。縦(y)方向についても、これと同じように向きを変えることができます。影を内側に付けてみるここまでのコードでは影を外側に付けていましたが、内側に影をつけることもできます。inset;}不透明度が60%の影が内側に追加されました。(実際に使うかどうかは別として、box-shadowでこんなスタイリングも出来る、ということで。ついては、下のサイトで詳しく解説してくれています。http://www.htmq.com/css3/box-shadow.shtml今回のカスタマイズは以上です。最後まで閲覧ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。