特定の固定ページからフッターを非表示にする

くみ様

お世話になっております。
JIN:R運営チームのRyotaと申します。

コードを貼り付けたことでサイトが真っ白になってしまったとのこと、ご不安な状況だったかと思います。すでに削除済みとのことで、現在ダッシュボードに入れる状態であれば、まずは大きな問題にはなりにくいかと思います。
今回のようなCSSコードは、固定ページの本文内にそのまま貼り付けるものではございません。

JIN:Rマニュアルでも、特定の記事・固定ページだけにCSSを適用したい場合は、編集画面内の「タグ設定」に記載する方法をご案内しております。

参考マニュアル：
https://jinr.jp/manual/head-css-js/

トップページに設定している固定ページだけフッターを非表示にしたい場合は、該当の固定ページ編集画面を開いていただき、画面下部にある「タグ設定」の入力欄に、以下のように記載してみてください。


手順としては以下になります。

1. WordPress管理画面から「固定ページ」を開く
2. トップページに設定している固定ページの編集画面を開く
3. 編集画面下部の「タグ設定」を開く
4. 上記コードを貼り付ける
5. 固定ページを更新する
6. トップページを確認する

また、トップページではなく「特定の固定ページIDを指定して非表示にしたい」場合は、以下のように記述します。



※「〇〇」の部分には、その固定ページのIDを入れてください。

固定ページIDは、固定ページ一覧から該当ページの編集画面を開いた際、ブラウザのURLに表示される「post=123」のような数字部分で確認できます。

なお、サイト全体ではなく特定のページにだけCSSを適用したい場合は、上記のように該当ページの「タグ設定」へ記載する方法が分かりやすいかと思います。

一方で、カスタマイザー内の「追加CSS」から設定することも可能です。
その場合は、WordPress管理画面より「外観」>「カスタマイズ」>「追加CSS」を開き、以下のように記述してください。

.home #commonFooter {
display: none;
}

特定の固定ページIDを指定する場合は、以下のように記述します。

.page-id-〇〇 #commonFooter {
display: none;
}

追加CSSに記載する場合は、は不要ですのでご注意ください。
最後になりますがコードを貼り付ける際は以下の点にご注意ください。

・固定ページの本文内には貼り付けない
・タグ設定に貼り付ける場合は、まで含めて貼り付ける
・追加CSSに貼り付ける場合は、は含めない
・PHPファイルやテーマファイルは編集しない
・もし画面が真っ白になった場合は、貼り付けたコードを削除して保存し直す

上記で反映されない場合は、実際のトップページURLをご共有いただけますと、こちらでも該当箇所を確認させていただきます。
どうぞよろしくお願いいたします。