wp_enqueue_style() – подключение стилей CSS

Комментарии — 29

• Имран 4 Июн 2014 

  Стили выводятся в футере (перед ) только в том случае, если они были поставлены в очередь на вывод где-то в середине HTML-документа. КАК их поставить в очередь на вывод где-то посередине HTML??
  • Миша 5 Июн 2014 

    Стили не должны быть в футере.
• Артем 29 Дек 2014 

  Приветствую, Михаил! С наступающим!
  Подскажи пожалуйста, подключаю стили как положено и ставлю их в очередь, но при этом выдается ошибка 404, типа файл не найден.

  function art_add(){
      wp_register_style( 'ivs', plugins_url( 'style.css', __FILE__)) ;
      wp_enqueue_style('ivs');
  }
   
  add_action('wp_enqueue_scripts', 'art_add');

  http://snap.ashampoo.com/byDpINdw
  В чем может быть проблема?
  • Миша 29 Дек 2014 

    Добрый день!
    Попробуйте перейти по той ссылке — единственное, в чем на мой взгляд может быть проблема, это ошибка в URL.
    • Артем 29 Дек 2014 

      Не переходит, говорит нету такого файла. Получается, что файл вроде бы загружается, но при этом выдает ошибку, что не может загрузить данный файл. Где-то мой косяк, ладно, найдем. Спасибо
• Марат 18 Фев 2015 

  Не понятно как всем этим пользоваться человеку, который не разбирается в php и темах вордпресс. Какие действия нужны что бы просто подключить стили к одной странице например фронт энд - для главной, вместо тех стилей что описаны в активной теме? У меня есть 2 темы, отличающиеся стилями. Стили для главной изменены, и их нужно активировать вместо стандартных стилей (в том числе вспомогательные файлы css для ie6-7). Как можно использовать function только для одной страницы?
  • Миша 18 Фев 2015 

    Ну конечно базовые знания PHP (переменные, условия) и WordPress (функции, условные теги) должны быть.

    Условие для главной - is_front_page().
    • Марат 18 Фев 2015 

      Спасибо за скорость) Пока не понятно какое отношение имеют условия для главной и как подключить при этом стили тк не понятно в какие страницы темы вносить условия и функции показанные на этой странице.
      • Миша 18 Фев 2015 

        Посмотрите, где в теме у вас подключаются стили, потом:

        if( is_front_page() ) {
        // подключаем стили для главной
        } else {
        // подключаем стантартные стили
        }
• Максим 29 Июн 2015 

  Подскажите, пожалуйства

  Пытаюсь подключить сss только для внутренних страниц. Но упорно не хочет корректно срабатывать.

  Этот вариант подключает css везде.

  if( !is_front_page() )
  	wp_enqueue_style( 'true_stili', get_stylesheet_directory_uri() . '/assets/inner.css', array(), '14981210', 'screen' );

  а этот не срабатывает вообще

  if( is_page() )
  	wp_enqueue_style( 'true_stili', get_stylesheet_directory_uri() . '/assets/inner.css', array(), '14981210', 'screen' );

  В чем может быть ошибка?
  • Артем 29 Июн 2015 

    Думаю ошибка в отсутствии фигурных скобок, примерно так должно быть

    if( is_page() || is_single() ) {
    	wp_enqueue_style( 'true_stili', get_stylesheet_directory_uri() . '/assets/inner.css', array(), '14981210', 'screen' );
    }
    • Максим 29 Июн 2015 

      Спасибо, за оперативный ответ.
      Но результат тот же

      Стили подключаются на условие

      if( !is_page() || !is_single() ) {
      	wp_enqueue_style( 'true_style', get_stylesheet_directory_uri() . '/css/inner.css', array(), '14981210', 'screen' );
      }

      И не срабатывают вообще на условие

      if( is_page() || is_single() ) {
      	wp_enqueue_style( 'true_style', get_stylesheet_directory_uri() . '/css/inner.css', array(), '14981210', 'screen' );
      }
      • Артем 29 Июн 2015 

        Хм, попробуйте сначала зарегистрировать стили, а потом их подключать. Может просто где-то конфликт
        • Максим 29 Июн 2015 

          Попробовал вариант с регистрацией. Результат тот же.

          Так стили не подключаются нигде.

          wp_register_style(
          	'true_stili', //идентификатор файла
          	get_stylesheet_directory_uri() . '/assets/inner.css', //источник
          	null //нет зависимостей
          ); 
           
          if( is_page() ) {
          	wp_enqueue_style( 'true_stili');
          } else {
          }

          Так подключаются везде.

          wp_register_style(
          	'true_stili', //идентификатор файла
          	get_stylesheet_directory_uri() . '/assets/inner.css', //источник
          	null //нет зависимостей
          ); 
           
          if( !is_front_page() ) {
          	wp_enqueue_style( 'true_stili');
          } else {
          }

          Мне кажется, у меня почему-то не срабавают вообще фунции условий.
          Мог ли я где-то в этом коде сделать ошибку?
      • Артем 29 Июн 2015 

        Что значит не срабатывает? То есть в первом варианте на главной стили подключаются?
        • Максим 29 Июн 2015 

          Да, в первом варианте стили подключаются на всех страницах, включая главную.

          Во втором - не подключаются нигде.
• Ник 31 Дек 2015 

  Не могу понять, как подключить несколько файлов?
  если пишу новую функцию, то оно ее игнорирует

  function my_css() {
   	wp_enqueue_style( 'css_style', get_stylesheet_directory_uri() . '/css/css.css' );
  }
   
  add_action( 'wp_enqueue_scripts', 'my_css' );
  • Миша 31 Дек 2015 

    Вы можете всё в одну добавлять.
    • Ник 2 Янв 2016 

      Второй файл который я хочу подключить это JS. Если делаю так, оно не работает

      function my_css() {
       	wp_enqueue_style( 'css_style', get_stylesheet_directory_uri() . '/css/css.css' );
              wp_enqueue_style( 'css_style', get_stylesheet_directory_uri() . '/js/carusel.js' );
      }
       
      add_action( 'wp_enqueue_scripts', 'my_css' );
      • Артем 2 Янв 2016 

        Логично. Название функции надо менять. У вас повторяется css_style, измените и все нормально будет
        • Ник 2 Янв 2016 

          Я прописывал и так. Последнюю ф-цию не выводит

          function my_css() {
           	wp_enqueue_style( 'css_style', get_stylesheet_directory_uri() . '/css/css.css' );
          }
           
          add_action( 'wp_enqueue_scripts', 'my_css' );
           
          function my_js() {
           	wp_enqueue_style( 'js_style', get_stylesheet_directory_uri() . '/js/carusel.js' );
           
          }
           
          add_action( 'wp_enqueue_scripts', 'my_js' );
          • Артем 2 Янв 2016 

            А файлы лежат там где указано?
            Вообще можно и так выводить

            function my_css() {
             	wp_enqueue_style( 'css_style', get_stylesheet_directory_uri() . '/css/css.css' );
                    wp_enqueue_style( 'js_style', get_stylesheet_directory_uri() . '/js/carusel.js' );
            }
             
            add_action( 'wp_enqueue_scripts', 'my_css' );
            • Ник 5 Янв 2016 

              странно. я вроде так и делал, а оно не получалось. Спасибо, заработало.
              • Артем 5 Янв 2016 

                Значит, что-то было не так)))
                Всегда пожалуйста
• Serg 13 Янв 2016 

  Помогите доделать фильтр для HTML5:

  Стиль подключаю так:

  if(is_single(1037)) {
      wp_enqueue_style('wal', get_template_directory_uri() . '/wal.css');
  	}

  Нужно добавить атрибут property='stylesheet'

  Так не работает.

  apply_filters( 'style_loader_tag', "<link rel='$rel' property='stylesheet' id='$handle-css' $title href='$href' type='text/css' media='$media' />\n", $handle, $href );

  Что я делаю не так?
  • Артем 13 Янв 2016 

    Вот здесь гляньте http://blog.kaygee79.com/wordpress-how-to-wp_enqueue_style-a-less-stylesheet/ less подключают, но вам тоже подойдет
    • Serg 14 Янв 2016 

      Не совсем то, но на пока сойдёт, работает. Спасибо.
• Виталий Моргунов 21 Апр 2017 

  Привет!
  Не могу разобаться, как я могу контролировать порядок подключения стилей.
  В моем случае мне нужно чтобы стили подключились после скрипта, но простая перестановка не помогла.

  add_action( 'wp_enqueue_scripts', 'mv_reporter_scripts' );
   
  function mv_reporter_scripts() {
  	wp_enqueue_script('select2', get_stylesheet_directory_uri() . '/js/select2.min.js',array('jquery')); // подключаем библиотеку select2 для оформления селектов <input>
  	wp_enqueue_style( 'select2.min.css', get_stylesheet_directory_uri() . '/css/' ); // подключаем стили библиотеки select2 для оформления селектов <input>
  }

  Есть еще вроде, параметр-массив у wp_enqueue_style в котором можно указать стили, которые должны подключаться до него, но как их прописать пока не понял. Пользуюсь платной темой и она подключает туеву хучу всяких стилей. Мне бы хотелось, чтобы мои стили подключались последними по списку.
  • Миша 21 Апр 2017 

    Привет ещё раз,

    не поверишь, реально не сталкивался с этим вопросом. По теории можно сказать следующее:

    во-первых, ты спрашивал про массив-параметр - это точно такой же, как и в wp_enqueue_script(), то есть у тебя же в примере array('jquery').

    Если подумать теоретически, то возможно предположить, что подключение стилей и скриптов независимо, в таком случае можно попробовать так:

    add_action( 'wp_enqueue_scripts', 'mv_reporter_scripts', 10 );
     
    function mv_reporter_scripts() {
    	// подключаешь скрипты
    }
     
    add_action( 'wp_enqueue_scripts', 'mv_reporter_styles', 9999 );
     
    function mv_reporter_styles() {
    	// подключаешь стили
    }

    Если ты столкнулся с туевой хучей стилей, то рекомендую тебе взглянуть на плагин, который объединяет их в один файл автоматически. То есть по факту они так и остаются раздельно, но на сайте выводится что-то типо 808320402830.css который включает в себя уже все стили. Название не помню, потому что я люблю всё вручную объединять.

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.