サポート » プラグイン » custompost templateでcssの定義

  • 解決済 ishikoro

    (@ishikoro)


    お世話になります。

    カスタムポストテンプレートを使用して、Template Name: Scroll pageをTemplate Name posts: Scroll pageに書き換えました。

    すると、投稿からそのテンプレートを使用することができるようにはなったのですが、固定ページで使うものと違う形で表示されます。

    原因はcssで定義されている、body.page-template-page-scroll-php{…}の部分が読み込まれなくなった為だとわかりました。

    この場合、どのように定義することでその部分を読み込ませることができるのでしょうか?

    ご教授よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ‘page-template-[テンプレートファイル名(拡張子除く)]-php’は、WPが固定ページに割り当てているクラス名です。
    投稿の場合、Custom Post Templateの機能で’post-template-[テンプレートファイル名(拡張子除く)]-php’が割り当てられますので、’.page-template-page-scroll-php’が指定されている箇所を見つけて、カンマで区切って投稿用のセレクタを追加するといいです。
    ファイル名がpost-scroll.phpなら、投稿用のセレクタは’.post-template-post-scroll-php’になります。
     
    例えば次のような記述が見つかった場合は、

    body.page-template-page-scroll-php{
    	...
    }
    body.page-template-page-scroll-php #primary {
    	...
    }
    body.page-template-page-scroll-php #main .widget-area {
    	...
    }

     
    次のように追加します。
     

    body.page-template-page-scroll-php,
    body.post-template-post-scroll-php{
    	...
    }
    body.page-template-page-scroll-php #primary,
    body.post-template-post-scroll-php #primary {
    	...
    }
    body.page-template-page-scroll-php #main .widget-area,
    body.post-template-post-scroll-php #main .widget-area {
    	...
    }

     
    CSSの記述方法について分からなければ、検索して調べてみてください。

    トピック投稿者 ishikoro

    (@ishikoro)

    popup様

    完璧です!!

    助かりました。本当にありがとうございます!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「custompost templateでcssの定義」には新たに返信することはできません。