Как правильно добавить файл JavaScript в тему WordPress с помощью cPanel

Либо вы разрабатываете тему WordPress с нуля, либо модифицируете существующую тему, вам может потребоваться знать правильный способ добавления файла JavaScript.


Если вы думаете об использовании метода старой школы Web 1.0, связывая JavaScript с головой, то это плохая идея, потому что в настоящее время наступила эра Web 2.0, в которой люди имеют динамичные веб-сайты..

Вы должны понимать концепцию WordPress Theme Codex и как ставить в очередь файлы JavaScript и CSS. Мы уже обсуждали добавление файла CSS.

Итак, в этом руководстве вы узнаете, как динамически добавлять файл JavaScript в тему WordPress..

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

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

Изучите кодекс JavaScript в постановке

При разработке темы WordPress вы можете столкнуться со многими похожими функциями. Как видите, чтобы добавить файл JavaScript, вы можете использовать ту же функцию, что и для добавления файла CSS..

Хотя есть небольшая разница, потому что JavaScript имеет много категорий, все же все без усилий. Позволь мне показать тебе.

wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer);

Позвольте мне объяснить все параметры.

  1. $ Ручка:- Это имя файла JavaScript.
  2. $ ЦСИ:- Адрес файла.
  3. $DEPS:- Если вы хотите создать массив, вы можете.
  4. $ Версии:- Вы можете упомянуть версию JavaScript.
  5. $ In_footer:- По умолчанию это значение "ложный" это означает, что файл JavaScript добавляется в голову.

Теперь посмотрим на этот пример.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array ());

Имя файла "мой-скрипт" и он расположен в "JS" папка.

Примечание. Если вы хотите загрузить его из области нижнего колонтитула, чтобы улучшить производительность веб-сайта, вы можете установить $ in_footer значение для "правда."

Код преобразуется следующим образом.

wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), true);

Задача еще не закончена. Чтобы это работало, вам нужно создать функцию и использовать действие. Если вы уже добавили файл CSS, вы можете использовать ту же функцию.

Позвольте мне показать вам полный код.

functionmy_new_scripts {
wp_enqueue_script (‘new-script’, get_template_directory_uri (). ‘/js/new-script.js/’, array (), true);
}
add_action (‘wp_enqueue_scripts’, ‘my_new_scripts’);

Теперь возникает вопрос, куда нужно добавлять такой код?

Итак, как вы уже знаете, файл functions.php вашей темы WordPress отвечает за все функции веб-сайта WordPress, добавляет код в файл и сохраняет.

Если вы изменяете существующую тему, я надеюсь, что вы легко сможете получить доступ к файлу functions.php с помощью cPanel. В настоящее время практически каждая хостинговая компания WordPress предлагает доступ к cPanel..

Просто иди в Файловый менеджер>>WP-содержание>>темы>>название темы>>functions.php. Щелкните правой кнопкой мыши, чтобы выбрать изменить, и вы готовы идти.

Как правильно добавить файл JavaScript в тему WordPress

Редактирование кода может быть страшной вещью, если вы не знакомы с функциями WordPress и PHP.

Для разработчика темы WordPress добавление нового файла JavaScript может сделать веб-сайт более динамичным, чем раньше, он может понадобиться для мобильной версии навигационного меню.

В зависимости от ваших потребностей, вы можете использовать файл JavaScript.

Надеюсь, что сложно добавить файл JavaScript в тему WordPress

Через некоторое время люди начинают беспокоиться, когда читают о кодировании WordPress. Но для обычного пользователя WordPress не обязательно иметь дело с кодами.

WordPress – это удобная платформа, которая была разработана для людей, не являющихся техническими специалистами. Вы можете купить тему WordPress с маркета.

Есть миллионы тем в сети.

Вывод

Этот учебник предназначен для опытных пользователей или людей, которые хотят узнать о разработке тем WordPress. Повышение навыков кодирования – это всегда хорошая идея.

Я надеюсь, что добавить файл JavaScript не так сложно, как говорят люди.

Проверьте эти лучшие 3 хостинга WordPress:

FastComet

Стартовая цена:
$ 2,95


надежность
9,7


ценообразование
9,5


Дружественный интерфейс
9,7


Служба поддержки
9,7


особенности
9,6

Читать отзывы

Посетите FastComet

Hostinger

Стартовая цена:
$ 0,99


надежность
9,3


ценообразование
9,3


Дружественный интерфейс
9,4


Служба поддержки
9,4


особенности
9,2

Читать отзывы

Посетить Hostinger

А2 Хостинг

Стартовая цена:
$ 3,92


надежность
9,3


ценообразование
9,0


Дружественный интерфейс
9,3


Служба поддержки
9,3


особенности
9,3

Читать отзывы

Посетите A2 Хостинг

Связанные статьи с практическими рекомендациями

  • Как правильно добавить файл CSS в тему WordPress с помощью cPanel
    эксперт
  • Как выйти из системы всех пользователей в WordPress одновременно
    промежуточный
  • Как отредактировать файл .htaccess вашего сайта WordPress с помощью cPanel
    новичок
  • Как войти в WordPress с помощью Softaculous от cPanel
    промежуточный
  • Как исправить ошибку HTTP, появляющуюся в медиатеке WordPress
    новичок
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me