CPT UIで作成したカスタム投稿のページで、
テンプレートの選択と、カスタムフィールド内でページ毎にCSSやJavaScriptの記述を行いたいです。
「投稿の属性」でテンプレートを「デフォルト」にするとカスタムフィールド内のCSSがきちんと働くのですが、
「投稿の属性」でテンプレートを作成したものに指定するとカスタムフィールド内のCSSが全く動きません。
仕様的に出来ない事なのか、
作成したテンプレートに問題ががあるのかご教授頂けないでしょうか?
以下、作成したテンプレートのコードになります。
php
1<?php 2/* 3 Template Name: Nest-page 4 Template Post Type: post, page, news 5*/ 6?> 7 8<?php get_header(1); ?> 9<div id="content"> 10 <?php 11 if(have_posts()) : 12 while(have_posts()) : 13 the_post(); ?> 14 15 <div id="main-content"> 16 <?php the_content(); ?> 17 18 <?php endwhile; endif; ?> 19 20 </div> 21 22</div> 23<?php get_footer(1); ?>
CSS部分の追記です。
Custom CSS and JavaScriptプラグインのカスタムフィールドを使用し、
名前
custom_css_code
値
CSS
1#spritImg li{ display: inline-block; } 2#spritImg li a{ 3display: block; 4width: 80px; 5height: 80px; 6font-size: 0; 7background: url(画像パス.png); 8} 9#spritImg li:nth-child(1) a{ background-position: 0 0; } 10#spritImg li:nth-child(2) a{ background-position: 0 -80px; } 11#spritImg li:nth-child(3) a{ background-position: 0 -160px; } 12#spritImg li:nth-child(4) a{ background-position: -80px 0; } 13#spritImg li:nth-child(5) a{ background-position: -80px -80px; } 14#spritImg li:nth-child(6) a{ background-position: -80px -160px; }
固定ページでは問題なく動いておりますのでCSSが問題とは考えにくいです。
回答2件
あなたの回答
tips
プレビュー