※この記事にはプロモーションが含まれています。
書いた記事をなるべく読んでもらいたい。
書いた記事を少しでも目立つようにしたい。
と思っている方もいらっしゃるのではないでしょうか？
自分も同じです。
その為、このサイトでは、記事エリア部分に薄い影を作って、記事の部分（メイン）が少し浮き上がっているように見せています。
そんな効果を実現するCSSです。
なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りです。
テーマ：賢威８
WordPressバージョン：5.8.x
PHPバージョン：7.4.x
サーバー：さくらインターネット
※セキュリティの観点から、マイナーバージョンの一部をxとさせて頂きます。
賢威の記事エリアに影を作成するCSS
賢威の記事エリアに影を作成するCSSです。
.keni-main .keni-main_inner .article_wrap {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 12px 0 rgba(0, 0, 0, 0.05);
}上記のCSSは、box-shadowに複数（２つ）の影を適用しています。
複数（２つ）の影を適用する事で、より立体感を出しているつもりですが、まぁ、自己満足です。
下記のように、１つの影でも、充分な効果は得られると思います。
.keni-main .keni-main_inner .article_wrap {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}なお、box-shadowは、
box-shadow: [水平方向のオフセット] [垂直方向のオフセット] [ぼかしの範囲] [広がりの範囲] [色];といったルールになっています。
ご参考までに。
補足：ワードプレスのカスタムCSSの編集箇所について
現在のワードプレステーマにCSSを追加したい場合、左メニューにある、
外観 > カスタマイズ
を選択します。
追加したいCSSを記述します（コピペして貼り付けます）。
「公開」ボタンを押して保存すれば完了です。
※全角スペースが入るとレイアウトが崩れる事があります。余計な全角スペースが入らないように気を付けてください。
なお、ブラウザにキャッシュが残っていると、前のデザイン（CSS）が表示されたり、デザインが崩れて表示される事があります。
その際は、強制リロード（ハードリフレッシュ）をしてみてください。
各ブラウザごとの、強制リロードの方法は次の通りです。
| Windows | Mac | |
|---|---|---|
| Google Chrome | 【Ctrl＋F5】 【Ctrl＋Shif＋R】 |
【Command＋Shift＋R】 |
| Microsoft Edge | 【Ctrl＋F5】 【Ctrl＋Shif＋R】 |
【Command＋Shift＋R】 |
| Mozilla Firefox | 【Ctrl＋F5】 【Ctrl＋Shif＋R】 |
【Command＋Shift＋R】 |
| Safari(Mac) | ‐ | 【Command＋Option＋R】 |
強制リロードをおこなうことで、ブラウザがキャッシュを無視し、最新のコンテンツを再読み込みします。
楽天市場の検索結果
1冊ですべて身につくWordPress入門講座 [ Mana ]
![1冊ですべて身につくWordPress入門講座 [ Mana ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/9405/9784815609405_1_4.jpg?_ex=128x128)
2,200円(税込)【送料込】
Mana SBクリエイティブイチサツデスベテミニツクワードプレスニュウモンコウザ マナ 発行年月：2022年03月24日 予約締切日：2022年01月26日 ページ数：344p サイズ：単行本 ISBN：9784815609405 Mana（MANA） 日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作
今すぐ使えるかんたん WordPress やさしい入門［6.x対応版］ [ 桑名
1,760円(税込)【送料込】
桑名 由美 はつみ 技術評論社イマスグツカエルカンタンワードプレスヤサシイニュウモンロクテンエックスタイオウバン クワナ ユミ ハツミ 発行年月：2023年09月28日 予約締切日：2023年06月02日 ページ数：256p サイズ：単行本 ISBN：9784297136253 桑名由美（クワナユミ） 2023年8月、合同会社ワイズベスト
ゼロから学ぶ はじめてのWordPress [ 泰道ゆりか ]
![ゼロから学ぶ はじめてのWordPress [ 泰道ゆりか ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/5222/9784815615222_1_6.jpg?_ex=128x128)
1,980円(税込)【送料込】
泰道ゆりか SBクリエイティブゼロカラマナブハジメテノワードプレス タイドウユリカ 発行年月：2022年10月12日 予約締切日：2022年07月22日 ページ数：352p サイズ：単行本 ISBN：9784815615222 泰道ゆりか（タイドウユリカ） Webデザイナー／株式会社CORELILY代表取締役。立教大学卒業後、銀行に就職。
HTMLサイトをWordPressにする本 [ 久保田 涼子 ]
![HTMLサイトをWordPressにする本 [ 久保田 涼子 ]](https://thumbnail.image.rakuten.co.jp/@0_mall/book/cabinet/4214/9784802614214_1_4.jpg?_ex=128x128)
2,640円(税込)【送料込】
久保田 涼子 西原 礼奈 ソシムエイチティーエムエルサイトヲワードプレスニスルホン クボタ リョウコ ニシハラ アヤナ 発行年月：2023年08月29日 予約締切日：2023年06月06日 ページ数：360p サイズ：単行本 ISBN：9784802614214 久保田涼子（クボタリョウコ） 「ワクワクするモノ・時間・場所を生み出す」をテ
たった1日で基本が身に付く！ WordPress 超入門 ［改訂2版］ [ 佐々
1,980円(税込)【送料込】
佐々木 恵 リブロワークス 技術評論社タッタイチニチデキホンガミニツクワードプレスチョウニュウモンカイテイニハン ササキ メグミ リブロワークス 発行年月：2022年04月14日 予約締切日：2022年01月05日 ページ数：192p サイズ：単行本 ISBN：9784297126957 佐々木恵（ササキメグミ） 2002年より独学でWe
