Alexanderverd
@Alexanderverd
Человек разных интересов

Как правильно подключать javascript и дополнительные стили к wordpress?

Объясните пожалуйста раз и на всегда такому чайнику как я, как правильно подключать javascript-ы и дополнительные стили к сайту под управлением wordpress. Прочел множество статей на эту тему, но то ли я совсем по пояс деревянный, то ли у всех свое мнение относительно этого вопроса, но понимания как это делать у меня нет=(
  • Вопрос задан
  • 930 просмотров
Решения вопроса 1
wppanda5
@wppanda5 Куратор тега WordPress
WordPress Mедведь
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
Запомните несколько простых правил.

1. Никогда не используйте jQuery из стороннего источника (например, Google CDN). НИКОГДА. И другие библиотеки тоже. Кроме того, чаще всего не нужно jQuery грузить принудительно, достаточно для своего кастомного скрипта указать аргументом dependency значение array( 'jquery' ).
2. Скрипты и стили подключаются ТОЛЬКО через функции wp_register_style() / wp_register_script() и wp_enqueue_style() / wp_enqueue_script(), вызов функций группируется в одну функцию, которая вешается на соответствующие хуки. Как правильно делать - написано в документации.
3. Не обязательно подключать все вручную. Если вы правильно зарегистрировали ваши скрипты и стили (функциями wp_register_*), то можете просто подгрузить только один свой кастомный срипт (main.js например), а к нему все остальные указать в виде зависимостей (как и jQuery в п.1). Кроме того, можно (и нужно) подключать скрипты и стили только там, где они нужны. Например, если слайдер у вас только на главной, оберните его подгрузку в if( is_home() ).
4. На продакшне убирайте ?xxx (версии скриптов и стилей), используйте плагин типа WP Better Minify для минификации и конкатенации скриптов и стилей.

Кажется все.
Ответ написан
@Martyer
CSS: прописать в файле функций вашего шаблона wp_enqueue_style( 'FILENAME', get_template_directory_uri() . '/css/FILENAME.css' );

JS: прописать в файле функций вашего шаблона wp_enqueue_script( 'FILENAME ', get_template_directory_uri() . '/js/FILENAME.js', array( 'jquery' )

FILENAME замени на свои имена файлов.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
18 июн. 2024, в 23:10
15000 руб./за проект
18 июн. 2024, в 20:15
500 руб./за проект