Как ставить скрипты

Содержание
  1. Как правильно добавить скрипты и стили в WordPress
  2. Ошибка
  3. Зачем ставить скрипты в очередь?
  4. Как правильно вставить скрипты в очередь в WordPress
  5. Как правильно поставить в очередь стили
  6. Как установить скрипт (хайпа, инвестиционной игры, букса) на хостинг?
  7. Как установить скрипт на хостинг?
  8. Шаг 1. Заливаем сам скрипт на хостинг
  9. Шаг 2. Создаем базу данных
  10. Шаг 3. Импортируем SQL в нашу базу данных
  11. Шаг 4. Изменяем файл config
  12. Скрипты для сайта html
  13. Где скачать готовые скрипты для сайта html
  14. Как устанавливать и подключать скрипты
  15. Чем отличаются javascript и php скрипты
  16. Пример установки скрипта
  17. Подробная инструкция по установке любого скрипта на любой хостинг
  18. Введение
  19. Создаём на хостинге базу данных
  20. Создаём сайт (директорию для сайта) и прилинковываем доменное имя
  21. Закачиваем файлы скрипта на хостинг
  22. Установка скрипта на хостинг
  23. Лучшие способы для загрузки скриптов в WordPress
  24. Загрузка скриптов для использования на всём сайте
  25. Загрузка скриптов только для определенных страниц или постов
  26. Загрузка скриптов для дочерней темы
  27. Загрузка скриптов при помощи кода
  28. Загрузка скриптов для настраиваемого фона
  29. Загрузка скриптов для плагинов вручную
  30. Плагин Simple Scripts
  31. Источник:WPSites.net

Как правильно добавить скрипты и стили в WordPress

Как ставить скрипты

Недавно мы рассматривали код для одного из плагинов, что прислал один из наших пользователей. Плагин работал отлично, но разработчик не учёл некоторых аспектов при загрузке с внешних источников JavaScript.

 WordPress имеет систему очереди для добавки внешних скриптов и стилей, что помогает предотвратить конфликты плагинов. Так как большинство держит более одного плагина на своём сайте, то будет полезным прочитать данную статью. Мы покажем вам, когда правильно добавлять JavaScript и стили в WordPress.

Это будет крайне полезно всем, кто начал осваивать разработку плагинов и тем для WordPress.

Ошибка

У WordPress есть функция wp_head , которая позволяет загрузить что угодно в шапку вашего сайта. Для добавления своих скриптов, многие используют данный код:

Хоть это и просто, но это неверный способ добавления скриптов в WordPress. Для примера, если вы загружаете jQuery вручную и другой плагин тоже грузит jQuery, то получается, что jQuery загружается дважды. Также две разные версии могут инициировать конфликт.

Давайте посмотрим, как нужно делать.

Зачем ставить скрипты в очередь?

У WordPress имеет большое сообщество разработчиков. Тысячи людей по всему миру придумывают темы и пишут плагины для WordPress.

Чтобы убедиться, что всё работает верно и никто не наступает друг другу на ногу, WordPress имеет специальную функцию очереди для скриптом. Функция предоставляет систематическую загрузку JavaScript и стилей.

Используя функцию  wp_enqueue_script ,  вы говорите WordPress когда нужно грузить скрипт, где грузить и при каких условиях.

Это позволяет всем использовать встроенные библиотеки JavaScript, которые идут в комплекте с WordPress, а не загружать одни и те же скрипты по нескольку раз. Это также позволяет сократить время загрузки страницы и избежать конфликтов с остальными темами и плагинами.

Как правильно вставить скрипты в очередь в WordPress

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

Пояснение:

Мы начали регистрацию нашего скрипта через функцию wp_register_script(). Данная функция принимает 5 параметров:

  • $handle – Удерживать уникальное имя вашего скрипта. Мы назвали наш скрипт “my_amazing_script”
  • $src – src это местоположение вашего скрипта. Мы используем функцию plugins_url чтобы получить правильный URL папки нашего плагина. Как только WordPress найдёт его, он также найдёт скрипт с названием amazing_script.js в этой папке.
  • $deps – deps это для зависимостей. Так как наш скрипт использует jQuery, то мы добавили jQuery в область зависимостей. WordPress автоматически загрузит jQuery, если он ещё не был загружен.
  • $ver – Это номер версии нашего скрипта. Параметр необязателен.
  • $in_footer – Мы хотим загрузить наш скрипт в нижний колонтитул, потому нам надо поставить это значение на true. Если вы хотите загрузить скрипт в шапку, то поставьте false.

После расставления всех параметрво в wp_register_script, вы можете просто вызвать скрипт, который всё сделает: wp_enqueue_script()

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

Как правильно поставить в очередь стили

Так же как и скрипты, вы можете поставить в очередь свои стили. Посмотрите на пример:

Заметьте, что мы использовали один и тот же приём wp_enqueue_scripts , чтобы подцеплять и скрипты и стили. Несмотря на имя, функция работает для них обоих.

В примерах выше мы использовали plugins_url для уточнения местоположения скрипта или стиля, который мы хотим поставить в очередь. Однако, если вы используете функцию для очередей в вашей теме, то используйте get_template_directory_uri(). Если вы работаете с дочерней темой, то используйтеget_stylesheet_directory_uri(). Вот пример:

Мы надеемся эта статья помогла вам научиться правильно добавлять JavaScript и стили в темы и плагины WordPress. Для вопросов и комментариев пишите нам в комментарии.

Дополнительные ресурсы:

  • wp_enqueue_script
  • wp_register_script
  • wp_enqueue_scripts

Наша специальность – разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации – [email protected], +371 29394520

Источник: https://www.coma.lv/2016/08/28/kak-pravilno-dobavit-skripty-i-stili-v-wordpress/

Как установить скрипт (хайпа, инвестиционной игры, букса) на хостинг?

Как ставить скрипты

Здравствуйте, дорогие читатели блога web-zarabotok.info.

Хотите иметь свою инвестиционную игру? Хотите почувствовать себя в роли администратора проекта? А не знаете, как правильно установить скрипт? Не переживайте… В этой статье я всё подробно об этом расскажу.

Итак, поехали…

Первым делом, хочется сказать, откуда можно скачать такие скрипты. Я, выделил для себя три проекта, которые, на мой взгляд, самые лучшие и без вирусов. Узнать о них вы можете в другой моей статье. Ссылка здесь.

А мы двигаемся дальше…

Как установить скрипт на хостинг?

Мы скачали готовый скрипт, который находится в архиве. Открываем его и копируем все файлы в отдельную папку. Далее, нам нужно купить себе хостинг и домен. Я пользуюсь Hostia. Качественный, надёжный и что главное, очень дешёвый. Одним словом «Рекомендую».

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

Мой хостинг поддерживает Direct Admin, но знайте, что у вас может быть совсем другая система управления (например: ISPManager, ZPanel, WHM/CPanel).  Если у вас одна с них, то в этом нет ничего страшного. Весь процесс установки скрипта ничем не отличается.

Шаг 1. Заливаем сам скрипт на хостинг

Для этого нам понадобится одна с программ: FileZilla (рекомендую), Total Commander или Notepad++. Скачиваем любую себе на компьютер, запускаем и создаем подключение по FTP. Забыл сказать, что панели управления хостингом также имеют «встроенный» загрузчик файлов. Можете воспользоваться им. Я, выбрал для себя FileZilla. Программа стабильна в работе и полностью бесплатна.

Что касается FTP, то здесь нам понадобятся некие данные, которые без проблем, можно узнать у своего хостера:

Если будут проблемы с входом в админку, напишите в комментарии. Помогу!

Дальше открываем папку со скриптом и указываем путь для заливки на хостинг: /domains/ваш домен/public_html/скрипт. Например, у меня это выглядит так (использую FileZilla):

Ждём завершение загрузки…

Шаг 2. Создаем базу данных

Переходим в раздел «Базы данных (MySQL)» и нажимаем «Создать новую» или «Создать базу данных». Прописываем имя и пароль.

Поля: Имя Базы Данных и Имя Пользователя БД можно заполнить одинаково. Внимание! Логин и пароль запомните или где-нибудь запишите.

Они нам понадобятся, когда будем изменять файл config. На примере покажу, как это выглядит в Direct Admin. Смотрите:

Шаг 3. Импортируем SQL в нашу базу данных

Каждый скрипт имеет файл в формате «SQL». Возможно, могут быть исключения и такового файла попросту нет. Не знаю, у меня такое не встречалось. Но! Если вам так повезло, то просто-напросто пропускайте его (смотрите Шаг 4).

Сейчас нам нужно найти в своем личном кабинете «PhpMyAdmin». Утилита служит для импорта или редактирования баз СУБД MySQL. Заходим в неё, подключаемся (если нет аккаунта, то обязательно проходим несложную регистрацию).

Заходим, и слева видим список созданных нами баз данных. Выбираем ту, которую создали во втором шагу. А дальше все делаем по скриншотам:

Шаг 4. Изменяем файл config

В папках скрипта ищем файл с названием config. В хайпах ищите файл в папке «classes». Нашли? Отлично! Открываем его. Видим:

public $HostDB = «localhost»;
public $UserDB = «Имя Пользователя БД»;
public $PassDB = «пароль»;
public $BaseDB = «Имя Базы Данных»;

Заменяем свои данные и сохраняем. Этим самым, мы подключили скрипт к нашей базе данных.

Всё друзья! Я вас поздравляю! Скрипт полностью установлен!

А сейчас небольшое дополнение…

Бесплатные скрипты с интернета зачастую бывают с дырами. Будьте осторожны! Проверяйте файлы на вирусы. Также удалите все дополнительные ссылки в файлах скрипта. Зачастую они выглядят так:

Вот и всё, чем хотел сегодня с вами поделиться. Надеюсь, что статья вам помогла.

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

Я хочу воспользоваться вашими услугами

Большое спасибо, что дочитали статью до конца. . Впереди будет еще очень много разных вкусняшек!

Источник: https://web-zarabotok.info/kak-ustanovit-skript/

Скрипты для сайта html

Как ставить скрипты

От автора: сам по себе сайт на чистом html очень сильно ограничен по своей функциональности. Чтобы добавить на него какие-то привычные всем возможности, нужно использовать другие технологии. Скрипты для сайта html сделают ресурс гораздо более функциональным. О них давайте и поговорим.

Дело в том, что языки HTML и CSS имеют очень ограниченные возможности. С их помощью можно только создать и оформить страницу, организовать какие-то простые эффекты при наведении, добавить ссылки на другие страницы и т.д.

Но для большинства современных ресурсов этого мало.

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

Чаще всего под скриптом понимают файл или несколько файлов, которые написанные на языке javascript и каким-то образом дополняют функциональность сайта. Но сценарии можно создавать на любом языке программирования: PHP, Perl, Python и т.д. Больше всего скриптов существует на PHP и JavaScript, так как это самые популярные сегодня технологии.

Где скачать готовые скрипты для сайта html

Конечно, сегодня в сети можно скачать тысячи сценариев, но где можно найти наиболее крупные подборки? В этом плане зарубежные сайты немного впереди рунета, потому что там веб-технологии развиваются быстрее.

Например, hotscripts.com. Огромный зарубежный портал, на котором представлено более десяти тысяч сценариев и программ на самых разных языках программирования. В том числе там есть различные полезные вещи на HTML5. Только все на английском, поэтому как-то вам придется разбираться, если очень надо будет.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Рис. 1. Крупнейший в интернете портал скриптов. К сожалению, только для тех, кто дружит с английским.

Ну а это русскоязычная библиотека скриптов. В основном тут представлены материалы по PHP. В данном случае русскоязычный сайт выигрывает тем, что почти все инструкции по установке скриптов на русском, а значит, разобраться намного легче.

Как устанавливать и подключать скрипты

На этот вопрос точно ответить невозможно, потому что скрипты отличаются своей сложностью и способом установки. Например, для javascript-сценариев чаще всего требуется для начала скачать и установить библиотеку jQuery, а уже к ней подключать различные плагины, которые и будут реализовывать нужный функционал.

В случае с PHP установка может заключаться в копировании нужных файлов на сервер с дальнейшим прописыванием нового куска кода в функциях. Впрочем, почти каждый нормальный скрипт имеет инструкцию по установке.

Чем отличаются javascript и php скрипты

Разница в том, что на javascript чаще всего создают красивые элементы оформления, пишут сценарии, которые срабатывают при различных действиях посетителя.

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

Именно там применяется javascript и его самая популярная библиотека – jQuery.

PHP в этом плане очень сильно отличается. Этот язык создан в основном для расширения функциональности. С его помощью оживают всевозможные формы регистраций, отзывов и комментариев. Скрипт обратной связи для сайта html также можно написать на PHP. На самом деле возможности этого языка намного более широкие.

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

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Пример установки скрипта

Ну а теперь давайте установим какой-нибудь скрипт. Методом случайного тыка я выбрал этот — ссылка. Это графические часы. Сначала давайте распакуем скачанный архив и посмотрим, что там.

Мне сразу не понравилось, что там целых 14 изображений, которые нужны для работы. Ну да ладно, не будем сейчас оценивать качество скрипта, а просто установим его.

Для этого нужно открыть файл index.html. Там нас должен интересовать тег script и все его содержимое. Собственно, вариантов установки веб-сценария два:

Просто скопировать все содержимое тега script и вставить на свою страничку в тег head.

Скопировать код в отдельный файл (например, script.js), а потом подключить этот файл к html-страничке. Так мы поступим правильно с точки зрения стандартов, разделив разметку страницы и ее поведение.

Дальнейший процесс установки заключается в том, что тегу body нужно дописать атрибут onload = «show3()». Это означает, что после загрузки тела страницы должна быть выполнена функция show3(), которая и приводит в действие наши часы.

Теперь нам остается только вставить в тело страницы строчку кода, которая будет создавать необходимые элементы для показа часов. В скрипте по умолчанию прописано так:

То есть все картинки для часов заключены в общий контейнер-ссылку на портал, где мы скачали скрипт. Нужно заменить контейнер a на контейнер div и расположить на своем сайте это там, где вы хотите видеть часы. Наиболее подходящие места: подвал сайта или низ его боковой колонки.

Вот собственно и все. Так же можно установить скрипт слайдера для сайта html, поиск по сайту, календарь и многое-многое другое. Иногда такие вещи устанавливаются в виде jQuery-плагинов. Если вы используете популярную CMS, то для нее тоже есть множество плагинов, реализующих нужный функционал.

В общем, главное уметь искать эти самые скрипты, а их установка может очень отличаться в разных случаях. Итак, устанавливайте действительно полезные скрипты для своего сайта и продолжайте заходить на webformyself, потому что здесь для вас приготовлено еще много интересного о сайтостроении.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Узнать подробнее

Источник: https://webformyself.com/skripty-dlya-sajta-html/

Подробная инструкция по установке любого скрипта на любой хостинг

Как ставить скрипты

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

В этом посте будет приведена подробная инструкция по установке скрипта интернет магазина (или любой другой CMS) на хостинг BeGet.

Этот хостинг подойдет как нельзя кстати: 30 дней бесплатного тестового доступа позволят вам вдоволь потренироваться.

Введение

Эта инструкция подойдет практическидля любого хостинга. Так как панели управления всех хостингов схожи. Возможны различия в названиях пунктов меню и в диалогах. Но я думаю вы разберётесь: все хостинги выполняют одну функцию и смена названий не меняет общий смысл.

Весь список рекомендуемых нами хостинг-провайдеров можете посмотреть в разделе Хостинг нашего сайта. А в этой статье вы сможете подобрать бесплатный хостинг, а так же хостинг с длительным бесплатным тестовым аккаунтом.

Итак, вы зарегистрировались на хостинге, вы скачали дистрибутив со скриптом. Давайте осмыслим что мы будем делать дальше. Скрипт это набор папок и файлов. В этих файлах содержится инструкции по управлению сайтом. А что же есть сайт — это набор данных: текста, картинок, товаров, производителей.

Для хранения этих данных скрипт будет использовать базу данных. Чаще всего MySQL. Значит перед тем как установить скрипт нам нужно на хостинге создать базу данных, а скрипту сообщить параметры доступа к этой базе. Это делается один раз при установке. Сайт также должен иметь уникальное имя: доменное имя.

Это имя привязывается к папке со скриптом.

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

  • зарегистрироваться на хостинге, выбрав любой тариф (во время тестового периода тариф не важен, а потом можно сменить)
  • скачать скрипт с официального сайта или скачать с нашего.
  • создать на хостинге базу данных
  • создать сайт (директорию для скрипта) и прилинковать доменное имя
  • закачать файлы скрипта на хостинг
  • начать установку

Зарегистрироваться на хостинге я думаю не составит труда: выбираем тариф Старт (впринципе не важно какой, если станет тесно — в любой момент можно сменить тариф), вводим в форме своё имя и E-mail и ждём письма, в котором будут указаны пароли для доступа на хостинг. После регистрации у вас есть 30 дней на попробовать, если не захотите пользоваться хостингом, то через 30 дней ваш аккаунт и сайты просто будут удалены.

После регистрации и входа на хостинг видим Панель управления (ПУ) хостингом:

Панель управления хостинга Beget

Создаём на хостинге базу данных

Для того что бы создать базу данных на хостинге нужно в ПУ кликнуть на пиктограмме MySQL. В результате откроется панель управления базами данных:

Создание базы данных на хостинге

Сдесь мы указываем имя базы данны и пароль. Жмём кнопку Создать. База данных создана. Нам остаётся только запомнить введённые данные. Мы их и будем передавать скрипту при установке.

Замечаем что перед именем базы данных есть префикс и именем базы будет считаться то имя которое получается в результате склейки этого префикса и того имени которое вы ввели. В дальнейшем при установке скрипта нужно будет ввести: имя базы данных, имя пользователя, пароль.

Имя пользователя на этом хостинге не вводится — оно совпадает с именем базы данных.

Создаём сайт (директорию для сайта) и прилинковываем доменное имя

Для того что бы закачать файлы скрипта на хостинг нам нужно создать под сайт отдельную папку: ведь на хостинге может быть расположено несколько сайтов — файлы каждого должены располагаться в отдельной директории. При создании аккаунта на хостинге автоматически создаётся одна папка: public_html. В неё и будем заливать скрипт. Если в дальнейшем понадобится создать второй сайт то используем пункт Сайты в ПУ:

Создание директории для сайта

Для того что бы создать сайт (директорию) указываем имя и жмём кнопку создать.
Ничего сложного. В дальнейшем созданную директорию увидим в файловом менеджере при загрузке файлов скрипта на хостинг.

Так же в этом пункте панели управления можно прилинковать (прикрепить) одно из имеющихся доменных имен к директории сайта. В нашем случае к директории public_html должно быть прилинковано бесплатное доменное имя третьего уровня вида НазваниеАккаунта.bget.ru. Его мы плучаем при создании аккаунта.

В дальнейшем к уже созданному сайту можно прилинковать нормальное доменное имя второго уровня.

Закачиваем файлы скрипта на хостинг

Существует два способа закачки скрипта на хостинг: через файловый менеджер панели управления хостингом или через FTP.

Что бы использовать файловый менеджер ПУ заходим в соответствующий раздел. В отдельном окне откроется файловый менеджер:

Файловый менеджер хостинга BeGet

В файловом менеджере открываем одинарным сщелчком папку public_html. Там видим файл index.html, его нужно удалить. Затем жмём на кнопочку Закачать. Откроется стандартное окно выбора файла.

Выбираем архив со скриптом и закачиваем на хостинг. Важно закачивать именно архив, а не папку с файлами — это намного быстрее.

Архив после закачки нужно разорхивировать, после этого удалить сам файл архива.

Установка скрипта на хостинг

Что бы началась установка нужно в браузере ввести адрес вашего сайта: доменное имя в данный момент прилинкованное к сайту. У нас это рабочее имя 3 уровня полученное при регистрации: ИмяАккаунта.bget.ru.

В процессе установки вы введёте имя базы данных, имя пользователя и пароль к базе данных, полученные ранее.

Дальнейший ход установки интернет магазинов описан в соответсвующих постах:

Источник: http://eecommerce.ru/?p=212

Лучшие способы для загрузки скриптов в WordPress

Как ставить скрипты

Существует несколько способов загрузить скрипты для WordPress.

Выбор в пользу одного из них надо делать, ориентируясь на свои задачи: нужно ли вам, чтобы скрипт выполнялся для всей темы, только для отдельных постов или только для конкретных страниц.

 В этой статье речь пойдет о том, как использовать и загружать скрипты JavaScript либо jQuery в темах WordPress путем простой вставки в настраиваемые мета-боксы.

Смотрите также:

  • Как добавить JavaScript и CSS в WordPress тему или плагин

В целом, можно использовать 2 сценария загрузки скриптов:

  • Загружать скрипты для всего сайта или темы
  • Загружать скрипты с определенным условием для конкретных постов или страниц

Загрузка скриптов для использования на всём сайте

Есть по меньшей мере 2 способа для добавления файлов JavaScript или других скриптов, чтобы в последствии использовать их на сайте. Вот как добавляются скрипты для “шапки” или “подвала” сайта в панели администратора практически в любой современной теме:

Эти боксы в основном используются для добавления скриптов вроде Google Analytics или скриптов онлайн-чата. Если в вашей теме таких боксов нет, можно внести правки в код файла functions.php:

add_action( 'wp_enqueue_scripts', 'wpsites_register_load_script' ); /** * @author Brad Dalton – WP Sites * @example http://wp.me/p1lTu0-a40 */ function wpsites_register_load_script() { wp_register_script( 'your-script', get_stylesheet_directory_uri() . '/js/your-script.js' ); wp_enqueue_script( 'your-script' ); }

Примечание: После однократной регистрации скрипта нет необходимости регистрировать его повторно; его можно вызывать в зависимости от указанных условий в функции wp_register_script:

add_action( 'wp_enqueue_scripts', 'wpsites_load_javascript_conditionally' ); function wpsites_load_javascript_conditionally() { if ( is_page('page-slug') ) { wp_enqueue_script( 'your-script' ); } }

Загрузка скриптов только для определенных страниц или постов

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

Если в вашей теме таких боксов нет, кликните по вкладке “Настройки экрана” справа вверху и активируйте отображение боксов для скриптов на экране в режиме редактирования:

Если в вашей теме вообще не предусмотрены отдельные боксы для добавления скриптов, добавьте следующий код в конце файла functions.php. При этом не забудьте заменить значение '007' на нужный вам page_id и указать верный путь расположения .js-файла для приведения скрипта в рабочее состояние:

add_action( 'wp_enqueue_scripts', 'wpsites_load_javascript_conditionally' ); /** * @author Brad Dalton – WP Sites * @example http://wp.me/p1lTu0-a40 */ function wpsites_load_javascript_conditionally() { if ( is_page('007') ) { wp_register_script( 'your-script', get_stylesheet_directory_uri() . '/js/your-script.js' ); wp_enqueue_script( 'your-script' ); } }

Загрузка скриптов для дочерней темы

Единственная разница между загрузкой скриптов для родительской и дочерней темы заключается в следующем:

  • get_template_directory_uri() — используйте эту функцию для родительской темы.
  • get_stylesheet_directory_uri() — используйте эту функцию для дочерней темы.

Приведенный ниже код следует применять для загрузки скриптов в зависимости от указанных условий в родительской теме:

add_action( 'wp_enqueue_scripts', 'wpsites_load_javascript_conditionally' ); /** * @author Brad Dalton – WP Sites * @example http://wp.me/p1lTu0-a40 */ function wpsites_load_javascript_conditionally() { if ( is_page('007') ) { wp_register_script( 'your-script', get_template_directory_uri() . '/js/your-script.js' ); wp_enqueue_script( 'your-script' ); } }

Загрузка скриптов при помощи кода

Просто создаем новую папку “js” в дочерней теме в корневой папке и туда помещаем наши файлы с расширением .js. По приведенному коду подразумевается, что ваш файл скрипта носит название your-script. Если вы назвали файл иначе, то и пути к файлу, а также имена файлов в коде тоже надо изменить.

Загрузка скриптов для настраиваемого фона

А вот код для популярной темы Metro, созданной StudioPress. Этот код также можно применять для дочерних тем на основе Genesis, чтобы добавить адаптивное фоновое изображение на сайте:

add_action( 'wp_enqueue_scripts', 'metro_enqueue_scripts' ); /** * @example http://wp.me/p1lTu0-a40 */ function metro_enqueue_scripts() { // Load scripts only if custom background is being used if ( ! get_background_image() ) return; wp_enqueue_script( 'metro-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' ); wp_enqueue_script( 'metro-backstretch-set', get_bloginfo('stylesheet_directory').'/js/backstretch-set.js' , array( 'jquery', 'metro-backstretch' ), '1.0.0' ); wp_localize_script( 'metro-backstretch-set', 'BackStretchImg', array( 'src' => get_background_image() ) ); }

Загрузка скриптов для плагинов вручную

Большинство плагинов, включающих в себя скрипты, также содержат и код для загрузки скриптов, так что от вас никаких дополнительных действий не потребуется. Но если вам попался плагин, который содержит только сам код или только PHP-скрипт, то вам пригодится вот этот метод для загрузки jQuery-скриптов в плагинах:

add_action( 'wp_enqueue_scripts', 'wpsites_load_jquery_script' ); /** * @author Brad Dalton – WP Sites * @example http://wp.me/p1lTu0-a40 */ function wpsites_load_jquery_script() { wp_register_script( 'your-script', plugins_url( '/js/your-script.js', __FILE__ ), array( 'jquery' ) ); wp_enqueue_script( 'your-script' ); }

Для загрузки скриптов применяется метод, аналогичный загрузке таблиц стилей CSS, включая функции wp_register и wp_enqueue для корректной обработки и взаимодействия с файлом style.css.

Плагин Simple Scripts

Если в вашей теме нет отдельных полей для добавления скриптов, можно просто установить вот этот плагин под названием Simple Scripts.

Источник: WPSites.net

Источник: https://Hostenko.com/wpcafe/hacks/luchshie-sposobyi-dlya-zagruzki-skriptov-v-wordpress/

Очень просто
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: