Italiano
Español
RomânăКак правильно добавить Javascript в functions.php
Я хочу удалить некрасивые стрелки, которые по умолчанию отображаются на кнопках корзины в WooCommerce. Для этого я нашел совет добавить следующий код, который должен удалить стрелки после загрузки документа.
Полагаю, что мне нужно добавить это в functions.php? Как именно это сделать?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
РЕДАКТИРОВАНО
Хорошо. Я попробовал следующий подход:
Создал файл с названием 'removeArrows.js' и поместил его в папку плагина. В нем тот же код, что и оригинальный, только вместо $ используется jQuery. Затем я добавил следующее в functions.php:
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('removeArrows.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
Я не могу понять, как правильно заставить код работать. Этот вариант не сработал. Есть ли предложения, как это исправить?
Большое спасибо за отличный совет. Похоже, это правильный подход. Один вопрос: functions.php находится в папке моей темы. Как мне подключить js-файл, если он просто находится в корневой папке темы?
user2806026
Вам следует хранить все либо в плагине, либо в теме, не разделяя их. Если вы работаете в теме, ваш $scr будет get_template_directory_uri() . '/removeArrows.js' для родительских тем и get_stylesheet_directory_uri() . '/removeArrows.js' для дочерних тем.
Pieter Goosen
Попробовал снова, на этот раз добавил removeArrows.js прямо в папку темы и использовал следующий код в functions.php: function wpb_adding_scripts() { wp_register_script('my_amazing_script', get_template_directory_uri() . '/removeArrows.js', FILE), array('jquery'),'1.1', true); wp_enqueue_script('my_amazing_script'); }
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 );
Это вызывает ошибку Parse error: syntax error, unexpected ',' в строке с wp_register_script.
user2806026
get_template_directory_uri() . '/removeArrows.js', FILE) следует заменить на get_template_directory_uri() . '/removeArrows.js'
Pieter Goosen
Нет. Использовал ваш полный код, который вы отредактировали в конце оригинального сообщения. Единственное, что он делает - это замораживает страницу корзины при просмотре содержимого. Думаю, я просто сдаюсь :-) Последняя попытка: вы начали с упоминания, что get_template_directory_uri() предназначена для родительских тем, а затем в финальном полном коде сказали, что она для дочерних тем. Так для чего же? Моя тема родительская :-)
user2806026
Однако это не рекомендуемый в WordPress способ загрузки JavaScript. Подробнее см. wp_enqueue_script().
Pat J
Привет @PatJ, согласен, для загрузки внешней JS-библиотеки или JS-файла со всеми функциями JavaScript — да, это абсолютно правильный подход. Однако если вы загружаете небольшой фрагмент JavaScript, нет смысла создавать целый новый JS-файл и добавлять дополнительный HTTP-запрос только для этого. Возьмем, к примеру, Google Analytics — в 99% тем или кастомных сборок этот JS будет добавлен в header или footer через настройки темы или файл functions. Это распространенная практика — включать фрагменты JS или даже CSS таким образом.
Matt Royal
"Распространенная практика" не означает, что это правильно. В wp_enqueue_script() документации даже указано: Это рекомендуемый метод подключения JavaScript к странице, сгенерированной WordPress.
Pat J
Если взять стандартную тему WordPress twentyfourteen, она загружает html5.js в header.php. Конечно, это сделано по причине проверки, соответствует ли браузер условию IE < 9, но суть в том, что хотя регистрация в очереди (enqueuing) является рекомендуемым и предпочтительным методом, в зависимости от других переменных/обстоятельств того, чего вы пытаетесь достичь, это не всегда может быть самым практичным решением, и я думаю, что следует использовать некоторую гибкость. Возможно, я полностью ошибаюсь в этом мнении, и мне интересно услышать, что скажут действительно опытные разработчики :-)
Matt Royal
Спасибо за ваше отличное предложение. Однако у меня не получается заставить это работать: если я добавлю ваш код внутри тега <?php в моем functions.php, я получаю ошибку 'Parse error: syntax error, unexpected '<' in /somepath.../functions.php on line 1146'. Если я добавлю его вне <?php, он просто выводит данный код в верхней части страницы. Что я упускаю?
user2806026
Я бы не рекомендовал "встраивать" JavaScript в подвал таким образом. Это делает его неотключаемым и немодифицируемым (по крайней мере, легко), что крайне важно при разработке плагинов и тем. Если вы конечный пользователь сайта и вам нужен быстрый скрипт или что-то подобное — можно использовать этот метод, но даже в этом случае wp_enqueue_script() почти всегда является более универсальным, гибким и предпочтительным вариантом.
Xhynk
В то время, когда автор написал пост, разработчики действительно использовали jQuery и JavaScript как взаимозаменяемые понятия. Это не совсем точно, но такова была популярность jQuery и отсутствие многих функций в JavaScript.
Rocky Kev