WordPressの個別記事のみフローティングメニューを非表示にしたい

Question

WordPressでスマホ表示時のみ出現するフローティングメニューを作成しました。
ただ、記事によってそのフローティングメニューを表示させたくないページも存在するため、個別でCSSを指定し、表示させないようにしたいのですがうまくいきません。

https://www.nishi2002.com/14962.html

こちらを参照し、スマホのみでフローティングメニューを表示させることには成功しました。

それに以下のCSSを追記しました。

/* 特定の記事のスタイルを設定 /
.postid-*** #footerFloatingMenu {
display: none;
}

これを入力すれば該当ページでは消えると思ったのですが出現してしまいます。
どなたか教えてください。

Answer 1

フローティングメニューのCSSを単独のCSSファイルにして条件分岐タグis_○○を使ってページ毎に読み込むようにすれば良いです。

条件分岐タグ
https://wpdocs.osdn.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0

ちょっと簡潔過ぎというか足りなさ過ぎたので…

任意のページにだけ任意のCSSを適用させるには

関数リファレンス/wp enqueue style
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_enqueue_style

対象が固定ページならis_page()、普通の投稿ならis_single()などにします。
詳しくは条件分岐タグのページを。

以下は固定ページの場合の例。テーマのfunctions.phpに追記します。

function theme_name_scripts() {
	wp_register_style( 'style-name', get_template_directory_uri().'/css/style-name.css' );
	if ( is_page( '固定ページのIDやスラッグを指定' ) ) {
	wp_enqueue_style( 'style-name' );
	}
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

ただ、サイトはレスポンシブデザインだと思うので、PCには要らなくてもフローティングメニューのCSSをそのページを開くと勝手に読み込みこんでしまいます。
それが別に気にならなければ良いですが、気になる場合は任意のユーザーエージェントだけCSSを読み込むようにすれば無駄が減ります。

例えばこんな風に対象のユーザーエージェントを指定してfunctions.phpに書いておき

function is_mobile(){
	$useragent = array(
		'Android',
		'iPhone',
		'iPod',
	);
$pattern = '/'.implode( '|', $useragent ).'/i';
return preg_match( $pattern, $_SERVER['HTTP_USER_AGENT'] );

is_page( '固定ページのIDやスラッグを指定' ) && is_mobile()
のようにしておけば任意の固定ページで任意のユーザーエージェントの場合にしかCSSをロードしません。