mstdmstd

стили моего плагина не применяются

    7 сообщений в этой теме

    Всем привет,

     в wordpress 4.6 делаю свой плагин с формой на фронтенде которую подключаю через add_shortcode

    Мой плагин имеет таблицу стилей у которой пишу

    /*iPhone portrait 320 x 480 */
    @media screen and (min-width: 320px) and (max-width: 479px) {
    body {
    background-color: lightgreen;
    }
    }
    
    /*iPhone landscape 480 x 320*/
    @media screen and (min-width: 480px)  and (max-width: 599px) {
    body {
    background-color: #ffff00;
    }
    }
    

    но тестируя вижу что на девайсах мои стили не применяются а берутся из bootstrap.css?ver=4.6.1 активной темы
    Мои стили ниже в иерархии инспектора обьектов перечеркнуты.

    Мои стили подключены в в плагине

                wp_register_style( 'NSN_WooExtSearch_common_styles', $this->m_plugin_url . 'css/nsn_woo_ext_search_style.css' );
                wp_enqueue_style( 'NSN_WooExtSearch_common_styles' );


    Как сделать чтобыв мои стили применялись ?

      Спасибо !

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    В коде ваши стили подключаются после стилей бутстрапа?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Заглянув в исходный код результирующей страницы я вижу что мой css файл ДО файла
    ultrabootstrap/css/bootstrap.css?ver=4.6.1

    должен ли он быть после и как это регулируется в эктионе wp_enqueue_scripts
    и методы             wp_register_style  и   wp_enqueue_style ?

     

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Да он должен быть после стилей бутстрапа чтобы переопределить их.

    Как регулируется понятия не имею, а разбираться лень, я не любитель вордпресса. Может кто-то из ребят подскажет, кто работает с этим движком.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Найдите handle, через который подключается стиль темы и укажите его в зависимостях: https://developer.wordpress.org/reference/functions/wp_register_script/

    Например:

    wp_register_style( 'NSN_WooExtSearch_common_styles', $this->m_plugin_url . 'css/nsn_woo_ext_search_style.css', array('theme-script-handle') );

     

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Это параметр 

    Цитата

     

    $deps

    (array) (Optional) An array of registered script handles this script depends on.

    Default value: array()

     

    А что означает текст 'theme-script-handle' ?  Это какая-то константа или должно быть имя тнекщей темы ?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Я же ссылку привел, там написасано что это уникальное имя скрипта:

    Цитата

     

    $handle

        (string) (Required) Name of the script. Should be unique.

     

     

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!


    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.


    Войти сейчас