質問: **優しい方の回答をお待ちしております。( ́・ω・`)** Wordpressについての質問です。 作成中のブログで、「トップページだけは画面をフルで使いたい」と思って、 サイドバーを消してカラムを1カラム(中心よせ)にしたら、このようになってしまいました。 ![](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/9fa5443f6da5b59eb6737631e5be5506.png) *ご覧の通り、両端に余白ができてしまっている。 この、両端の余白の部分は使うことができない。 ### 試したこと トップページのwrapperの余白を消すために、 子テーマでトップページにID(or タグ)をつけて、 外観のカスタマイズの追加CSSで、先程子テーマでつけたIDをもとに、widthを変えたいのですが、書き方が分かりませんでした。 ### 要望 **どんなコードを子テーマと追加CSSに書けば、トップページ(wrapperの部分)の余白を消すことができるでしょうか。** ### 子テーマに書いたコード ``` ここに何を入れればいいのかがわからない。 ``` ### :追加CSSに書いたコード ``` (ここに、トップページだけ判定する条件式を入れればいいのだが、その書き方がわからない。おそらく#XXXを使うのだろうが...) .l-wrapper{ position: relative; display: flex; width: 1100px; margin: 0; width: 100%; max-width: auto; width: 1500px; } ``` ### 試したこと 上に書いたコードを入力した。(重要な部分が欠けているため、当然動かない) 下記のサイトを調べ上げた -(PHPでの条件分岐についてのページ)https://webdesignday.jp/inspiration/wordpress/4765/ -(トップページのときに、特別な処理を加える方法についての記事) https://noumenon-th.net/programming/2016/06/30/is_home_is_front_page/ ### 補足情報 サイトのURLはこちらです:https://idealsblog.com/ Wordpressのバージョンは5.4.2です。 **使用中のテーマは「lionblog」です**
回答: ``というように、bodyタグに「home」というクラスがあれば、 ホーム (≒トップページ) だけ固有のCSSを指定することが可能だと思います。 ``` /* 「body.home」 */ body.home .l-wrapper { /* 省略 */ } ``` 参考URL: テンプレートタグ/body class - WordPress Codex 日本語版 HTML側にidやclassを追加し、CSSセレクタで特定のページにのみ効くCSSを記述できるようにする方法として、以下の記事も役立つかもしれません。 参考URL: WordPress:body_class()に独自のclassを追加する方法+代替で独自のidやclassのみをbodyに指定する方法