WordPress カスタム投稿でCSSのカスタムフィールドを使用したい。

Question

CPT UIで作成したカスタム投稿のページで、
テンプレートの選択と、カスタムフィールド内でページ毎にCSSやJavaScriptの記述を行いたいです。

「投稿の属性」でテンプレートを「デフォルト」にするとカスタムフィールド内のCSSがきちんと働くのですが、
「投稿の属性」でテンプレートを作成したものに指定するとカスタムフィールド内のCSSが全く動きません。

仕様的に出来ない事なのか、
作成したテンプレートに問題ががあるのかご教授頂けないでしょうか？

以下、作成したテンプレートのコードになります。

<?php
/*
 Template Name: Nest-page
 Template Post Type: post, page, news
*/
?>

<?php get_header(1); ?>
<div id="content">
	<?php
	if(have_posts()) :
	while(have_posts()) :
	the_post(); ?>

	<div id="main-content">
		<?php the_content(); ?>

	<?php endwhile; endif; ?>

	</div>

</div>
<?php get_footer(1); ?>

CSS部分の追記です。
Custom CSS and JavaScriptプラグインのカスタムフィールドを使用し、
名前
custom_css_code

値

#spritImg li{ display: inline-block; }
#spritImg li a{
display: block;
width: 80px;
height: 80px;
font-size: 0;
background: url(画像パス.png);
}
#spritImg li:nth-child(1) a{ background-position: 0 0; }
#spritImg li:nth-child(2) a{ background-position: 0 -80px; }
#spritImg li:nth-child(3) a{ background-position: 0 -160px; }
#spritImg li:nth-child(4) a{ background-position: -80px 0; }
#spritImg li:nth-child(5) a{ background-position: -80px -80px; }
#spritImg li:nth-child(6) a{ background-position: -80px -160px; }

固定ページでは問題なく動いておりますのでCSSが問題とは考えにくいです。

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。

[uzr1709]

回答ありがとうございます。またコードの件すみません。テーマは自作テーマになります。phpファイルを自分で作成し、phpを上記の様に記述していますので入手先は御座いません。

[kei344]

自作テーマであれば、カスタムフィールドに入ったCSSを出力する部分を提示してください。

[uzr1709]

追記いたしました。

Answer 1

wp_head(); wp_footer(); がテーマにあるか確認してみてください。

【＜?php wp_head(); ?＞の役割 - Qiita】
https://qiita.com/sky-net/items/fef5de84b9626a69fa6a

【びぎねっとブログ » wp_head;とwp_footer();は必ず書こう】
https://begi.net/blog/20100114/148/

---

一般的な原因特定フローは、下記の通りです。
0. DB／ファイル全てのバックアップをする
0. デバッグモードにする ⇒ http://mignonstyle.com/debug-mode/
0. プラグイン／テーマ／本体全てをアップデートする
0. デフォルトテーマで再現するか確認する
0. プラグインを全て止めて再現するか確認する

Comments

[uzr1709]

カスタマイズテーマをアップデートしたらカスタム投稿ページでCSSが動くようになりました。→今までのデザインが全て崩れました。

デフォルトテーマに変更したらカスタム投稿ページでCSSが動くようになりました。→今までのデザインが全て崩れました。

カスタマイズテーマでレイアウトを作り直すしかないのでしょうか。

Answer 2

情報が少ないので推測ですがheader-1.phpかfunctions.phpにカスタム投稿の場合にカスタムフィールドを呼び出すコードを書いて無いからではないですか？
そうでなければ、どのようなコードを出力しているかなど詳細を書いてください。

Comments

[uzr1709]

カスタム投稿はCPT UIで投稿タイプを作成しページを作っています。
なのでfunctions.phpはいじっておりません。

header-1.phpにはNameやPost Typeは記載しておりません。
質問文に貼ったコードがpage-1.phpなのですが、
こちらにNameとPost Typeを記入し、テンプレート自体はヘッダー/フッター含め読み込みが出来ております。

[退会済みユーザー]

プラグインを使ってましたか。
kei344さんの回答にあるようにwp_head()がheader-1.phpにあるか確認してみてください。

[uzr1709]

解決致しました！ありがとうございます、
wp_head()を記述していなかった事が問題のようでした。