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

  • Люди как подключить в файле functions.php несколько файлов стилей и javascript? знаю функции wp_enqueue_style, wp_register_style а подключить не могу

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Anonymous User 14379775

    (@anonymized-14379775)

    На хук видимо не повесили, смотрите примеры
    https://web2033.com/wordpress-theme-handbook/basics/including-css-javascript/

    Написал не работает
    `function add_theme_scripts() {
    wp_enqueue_style( ‘style’, get_stylesheet_uri() );

    wp_enqueue_style( ‘slider’, get_template_directory_uri() . ‘/css/style.css’, array(), ‘1.1’, ‘all’);

    wp_enqueue_script( ‘script’, get_template_directory_uri() . ‘/js/script.js’, array ( ‘jquery’ ), 1.1, true);

    if ( is_singular() && comments_open() && get_option( ‘thread_comments’ ) ) {
    wp_enqueue_script( ‘comment-reply’ );
    }
    }
    add_action( ‘wp_enqueue_scripts’, ‘add_theme_scripts’ );

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Как Вы определяете что не работает? В коде страницы какие пути к файлам выводятся? Если их напрямую вписать в адресную строку файлы открываются?

    Пути такие
    `<link href=»css/bootstrap.min.css» rel=»stylesheet»>
    <link rel=»stylesheet» type=»text/css» href=»css/style.css»>
    <link rel=»stylesheet» type=»text/css» href=»css/bootstrap.css»>
    <link rel=»stylesheet» type=»text/css» href=»css/bootstrap.min.css»>
    <link rel=»stylesheet» type=»text/css» href=»css/bootstrap-theme.css»>
    <link rel=»stylesheet» type=»text/css» href=»css/bootstrap-theme.min.css»>
    Напрямую писал файл не открывается

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    А как файлы стилей

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">

    связаны с кодом

    function add_theme_scripts() {
    wp_enqueue_style( 'style', get_stylesheet_uri() );
    
    wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/style.css', array(), '1.1', 'all');
    
    wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);
    
    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    wp_enqueue_script( 'comment-reply' );
    }
    }
    add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );

    ? В нем нет упоминания о них. Они у Вас подключены напрямую в файле header.php?

    Да подключены напрямую в файле header.php. Что должно быть написано в header.php?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Напрямую подключать файлы стилей и скрипты в header.php не рекомендуется.

    1. Убрать подключение стилей из header.php
    2. Изменить код в functions.php на следующий

    function add_theme_scripts() {
        $tpl = get_template_directory_uri();
    
    	wp_enqueue_style('style-css', $tpl . '/css/style.css');
    	//wp_enqueue_style('bootstrap', $tpl . '/css/bootstrap.css');
    	wp_enqueue_style('bootstrap-min', $tpl . '/css/bootstrap.min.css');
    	//wp_enqueue_style('bootstrap-theme', $tpl . '/css/bootstrap-theme.css');
    	wp_enqueue_style('bootstrap-theme-min', $tpl . '/css/bootstrap-theme.min.css');
    	wp_enqueue_style('theme-style', get_stylesheet_uri());
    }
    
    add_action('wp_enqueue_scripts', 'add_theme_scripts');

    На сколько я понимаю bootstrap.css и bootstrap.min.css, bootstrap-theme.css и bootstrap-theme.min.css — это две версии одного и того же файла, если нет, то нужно расскоментировать
    3. Положить css-файлы в папку wp-content/themes/ПАПКА_ВАШЕЙ_ТЕМЫ/css/.
    4. Для корректной работы WordPress в header.php между тегами <head> и </head> должна быть строка <?php wp_head(); ?>, а в footer.php перед </body> — <?php wp_footer(); ?>

    Не работает! Но файлы в исходном коде страницы есть

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Что не работает? Если файлы появились в head и пути верные и открываются — значит всё получилось ;). На всякий случай можно открыть инструменты разработчика в браузере и глянуть подключенные файлы стилей.

    Стили не срабатывают. Файлы появились. А firebug пишет стилей нет

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Адрес сайта есть?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Я не вижу каких-либо изменений на Вашем сайте. Какие пункты из моего сообщения Вы выполнили?

    Все пункты выполнил. Может у меня проблемы с functions.php

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Тема «Как подключить стили?» закрыта для новых ответов.