サポート » 使い方全般 » カスタム投稿に特定のCSSを適用

  • 解決済 tdf765

    (@tdf765)


    はじめまして。
    CPT UIでカスタム投稿(実例集記事の投稿)を作成し、下記のfunctions.phpで特定のCSS(/work/css/style.css)を適用させたいと実行しました。

    <?php

    // CSS
    function register_style() {
    wp_register_style(‘reset’, get_stylesheet_directory_uri() . ‘/common/css/reset.css’, array(), ‘null’, ‘all’ );
    wp_register_style(‘common’, get_stylesheet_directory_uri() . ‘/common/css/common.css’, array(), ‘null’, ‘all’ );
    wp_register_style(‘style’, get_stylesheet_directory_uri().’/style.css’);
    wp_register_style(‘bxslider’, get_stylesheet_directory_uri() . ‘/css/jquery.bxslider.css’);
    wp_register_style(‘concept’, get_stylesheet_directory_uri().’/concept/css/style.css’);
    wp_register_style(‘house’, get_stylesheet_directory_uri().’/house/css/style.css’);
    wp_register_style(‘support’, get_stylesheet_directory_uri().’/support/css/style.css’);
    wp_register_style(‘work’, get_stylesheet_directory_uri().’/work/css/style.css’);
    wp_register_style(‘company’, get_stylesheet_directory_uri().’/company/css/style.css’);
    wp_register_style(‘contact’, get_stylesheet_directory_uri().’/contact/css/style.css’);
    wp_register_style(‘mailform’, get_stylesheet_directory_uri().’/contact/mfp.statics/mailformpro.css’);
    wp_register_style(‘blog’, get_stylesheet_directory_uri().’/blog/css/style.css’);
    wp_register_style(‘topics’, get_stylesheet_directory_uri().’/topics/css/style.css’);
    wp_register_style(‘single’, get_stylesheet_directory_uri().’/single/css/style.css’);
    wp_register_style(‘voice’, get_stylesheet_directory_uri().’/voice/css/style.css’);
    wp_register_style(‘detail’, get_stylesheet_directory_uri().’/work/detail/css/style.css’);
    }
    function add_stylesheet() {
    // 共通
    register_style();
    wp_enqueue_style(‘reset’);
    wp_enqueue_style(‘common’);
    //wp_enqueue_style(‘style’);

    // トップページ (ID=front-page)
    if (is_front_page(array(‘style’,’bxslider’))) {
    wp_enqueue_style(‘style’);
    wp_enqueue_style(‘bxslider’);
    }

    // コンセプト (ID=concept)
    if (is_page(array(‘concept’))) {
    wp_enqueue_style(‘concept’);
    }
    // イエ (ID=house)
    elseif (is_page(array(‘house’))) {
    wp_enqueue_style(‘house’);
    }
    // サポート体制 (ID=support)
    elseif (is_page(array(‘support’))) {
    wp_enqueue_style(‘support’);
    }
    // 実例集 (ID=work)
    elseif (is_page(array(‘work’))) {
    wp_enqueue_style(‘work’);
    }
    // 会社案内 (ID=company)
    elseif (is_page(array(‘company’))) {
    wp_enqueue_style(‘company’);
    }
    // お問い合わせ (ID=contact)
    elseif (is_page(array(‘contact’,’mailform’,’thanks’))) {
    wp_enqueue_style(‘contact’);
    wp_enqueue_style(‘mailform’);
    }
    // STAFF BLOG (ID=blog)
    elseif (is_page(array(‘blog’))) {
    wp_enqueue_style(‘blog’);
    }
    // TOPICS(ID=topics)
    elseif (is_page(array(‘topics’))) {
    wp_enqueue_style(‘topics’);
    }
    // ブログ記事の投稿
    elseif (is_single(array())) {
    wp_enqueue_style(‘single’);
    }
    // 実例集記事の投稿
    elseif (is_singular(array(‘works’))) {
    wp_enqueue_style(‘work’);
    }
    // 声(ID=voice)
    elseif (is_page(array(‘voice’))) {
    wp_enqueue_style(‘voice’);
    }
    // detail(ID=detail)
    elseif (is_page(array(‘detail01′,’detail02′,’detail03′,’detail04′,’detail05′,’detail06′,’detail07′,’detail08′,’detail09′,’detail10’,))) {
    wp_enqueue_style(‘detail’);
    }
    }
    add_action(‘wp_print_styles’, ‘add_stylesheet’);

    ?>

    ですが実例集記事の投稿のページに/work/css/style.cssは適用されず、ブログ記事の投稿ページの/single/css/style.cssが適用されてしまいます。

    ワードプレスは初心者であれこれ調べたのですが、原因が分かりませんでした。
    アドバイスよろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちわ、tdf765 さん。

    is_singular() を先に評価してから is_single() を評価すれば、解消すると思います。

    トピック投稿者 tdf765

    (@tdf765)

    KUCKLU様

    お世話になっております。
    返信ありがとうございます。

    アドバイス通りに実行しましたら無事に解消できました!
    単純なことで申し訳ございませんでした。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「カスタム投稿に特定のCSSを適用」には新たに返信することはできません。