Как правильно подключить JS- и PHP-скрипты к вашему сайту?
Сегодня я расскажу вам, как осуществляется подключение разных типов скриптов к вашему сайту. Это своего рода основа основ, и написать эту статью я должен был одной из первых. Потому – начнем.
Подключение JS-скриптов (файлы с расширением *.js) к сайту
JavaScript помогает нам во многих моментах повысить функциональность сайта. Будь то стилизация форм или, например, какая-нибудь техническая сторона вопроса.
Подключение JavaScript’а осуществляется двумя способами:
1. Первый – это непосредственно вставка кода в ваш сайт с помощью тегов:
2. Второй – с помощью файла:
Где «https://www.pandoge.com/main.js» – путь до файла скрипта. Такой вариант рекомендуется писать для файлов на удаленном (внешнем) сервере. Если же файл находится на вашем сайте, то можно просто указать относительный путь:
Это удобно, если вы вдруг захотите сменить домен или перевести сайт на другой протокол.
Что касается места подключения, то все скрипты рекомендуется подключать в секции HEAD, перед закрывающим ее тегом. Например:
Все для начинающего вебмастера
Их также можно подключить в секции BODY. Например, все библиотеки рекомендуется подключать в секции HEAD, тогда как все счетчики, слайдеры, галереи и прочие скрипты – в секции BODY, также перед закрывающим тегом.
Подключение PHP-скриптов (файлы с расширением *.php) к сайту
Подключение PHP-скриптов осуществляется уже тремя способами:
1. Первый – это та же вставка кода в саму страницу сайта (обратите внимание, что если вы имеете страницу с расширением *.html – вам необходимо сменить расширение на *.php) с помощью тегов:
2. С помощью файла (в таком случае подключение можно осуществлять и на странице с *.html расширением):
Но для работы этого способа в файл .htaccess, который находится в корне вашего сайта, в самый верх, необходимо добавить эти строки:
RemoveHandler .html .htm AddType application/x-httpd-php .php .htm .html .phtml
Если такого файла нет на хостинге — создайте его через любой текстовый редактор.
3. Третье – с помощью JS-скрипта. В этом случае вы также можете получить результат выполненного PHP-скрипта на сервере.
Реализация будет следующая:
Где «.result» – это класс, куда будут грузиться данные, а «/main.php», соответственно, адрес до PHP-скрипта.
Если вы грузите данные с другого сервера, то поддержка PHP на вашем сервере не обязательна. Не забывайте подключить к вашему сайту библиотеку jQuery.
Здесь правила абсолютно те же: полный адрес к файлу, если он находится на внешнем сервере, относительный – если на вашем.
Обратите внимание! Если вы хотите подключить PHP-скрипт к вашему сайту, то на сервере должна быть поддержка PHP. О том, есть ли у вас такая возможность – узнайте у своего хостинг-провайдера.
Если вы осуществляете подключение скриптов первый раз – попробуйте подключить скрипты из архива, который прикреплен в конце статьи. Если в обоих случаях вы получили сообщение «Hello World!» – значит, вы все сделали правильно.
Подключение сторонних JS и PHP скриптов
Для подключения JS и CSS в шаблонах и плагинах обязательно используйте функцию mgAddMeta(), для того чтобы подключаемые скрипы учитывались при формировании HTML страниц шаблона и участвовали в алгоритмах движка.
mgAddMeta(''); ?> mgAddMeta(''); ?> При таком подключении, независимо от того в каком месте программы сторонние скрипты будут объявлены, их можно будет вывести в нужное место верстки шаблона. Например, в теге или перед закрываюшим тегом
mgMeta("meta","css","jquery"); ?> // Выведет блок подключаемых стилей и метаданных . . mgMeta("js"); ?> // Выведет блок подключаемых JS Опция для сжатия CSS и JS в один файл, предустморенная в настройках движка учитывает только файлы подключаемые с помощью mgAddMeta().
Подключение PHP
Чтобы использовать самописные php скрипты для обработки тех или иных событий в moguta.cms, можно создать php файл в папке mg-pages
Поместите в папку mg-pages скрипт myscript.php, после этого он будет доступен при обращении к сайту http://site.ru/myscript как будто он находится в корне сайта.
Чтобы использовать PHP скрипты напрямую из корня сайта, минуя работу движка, необходимо добавить иключающие правила для используемых php скриптов в файле .htaccess после строки #RewriteBase / .
Как подключить js к php
Покинул форум
Сообщений всего: 152
Дата рег-ции: Февр. 2011
Помог: 0 раз(а)
Я щас пишу один модуль для DLE. Создал файл на PHP, подключил к ЧПУ и зашёл на страницу. Пока что вставил в php файл html код вкладок, остаётся только подключить js файлы. Но как это сделать? Варианты типа «Прописать в не годятся, нужно что бы файлы грузились непосредственно на этой странице..
Отправлено: 05 Июня, 2011 — 22:08:35
Покинул форум
Сообщений всего: 2952
Дата рег-ции: Окт. 2010
Помог: 53 раз(а)
ну так пропишите при генерации заголовка ( ) условие генерации текста.
Отправлено: 05 Июня, 2011 — 22:10:30
Покинул форум
Сообщений всего: 152
Дата рег-ции: Февр. 2011
Помог: 0 раз(а)
А можешь дать пример полностью
Отправлено: 05 Июня, 2011 — 22:26:27
Покинул форум
Сообщений всего: 285
Дата рег-ции: Май 2010
Откуда: Тверь
Помог: 4 раз(а)
Как добавить JavaScript на WordPress
JavaScript – это язык программирования, с помощью которого создаются интерактивные веб-страницы и приложения. Изначально страницы сайтов были статичные, появление в 1995 году JavaScript (часто можно встретить сокращение JS) позволило создавать сайты с динамическими элементами. Эта возможность сделала новый язык программирования самым популярным в мире.
JavaScript позволяет создавать такие элементы на страницах сайтов, как: анимацию, выпадающее меню, формы обратной связи, всплывающие окна, корзина интернет-магазина, онлайн-чаты и многое другое. Он используется для создания сложных веб-приложений, например, онлайн-игры, социальные сети и электронные магазины. JavaScript имеет широкую поддержку и множество библиотек и фреймворков, что делает его одним из наиболее гибких и мощных языков программирования в веб-разработке.
Особенность JavaScript заключается в том, что скрипты JS обрабатываются на стороне клиента, то есть в браузере. Это повышает скорость отдачи контента и увеличивает быстроту работы сайта. При этом остается возможность обработки скриптов на стороне сервера с помощью программной платформы Node.js, этот вариант может понадобиться для разработки приложений, работающих в режиме реального времени.
Для стабильной и высокой скорости работы сайта выбирайте хостинг, подготовленный для проектов на CMS WordPress.
Как подключить JavaScript на WordPress
Чтобы добавить JS в WordPress можно выбрать один из следующих способов:
- Использовать плагин Shortcoder
- Использовать функцию wp_enqueue_script
- Использовать плагин Code Snippets
Плагин Shortcoder
Чтобы добавить плагин Shortcoder зайдите в административную панель WordPress (WP) и выполните следующие шаги:
- Откройте вкладку Плагины в боковом меню панели WP.
- Кликните по кнопке Добавить новый.
- Когда откроется окно для выбора плагина, в поисковой строке введите название Shortcoder.
- Когда появится список плагинов, выберите нужный и нажмите Установить.
- Затем активируйте плагин.
- После активации перейдите в раздел Shortcoder и выберите меню Create shortcode.
- В открывшемся редакторе нажмите на раскрывающийся список и выберите Code editor (эта функция позволяет добавить скрипт).
- При добавлении шорткода придумайте ему название, затем добавьте сам код:
Вы можете сохранить его в качестве черновика, без добавления на страницу (это возможно только после публикации. Если же необходимые скрипты добавлены и вы хотите сохранить шаблон, то кликните по кнопке Опубликовать.
Чтобы добавить на страницу созданный шаблон, используйте админку сайта.
Функция wp_enqueue_script
Эта функция WordPress позволяет подключать скрипты и стили на страницы вашего сайта. Вы можете использовать ее, отредактировав файл functions.php вашей темы WordPress.
Чтобы подключить скрипт JS в файл functions.php вашей темы добавьте следующий код:
wp_enqueue_script( ‘jquery’, get_template_directory_uri() . ‘/path_to/script_file_name.js’);
add_action( ‘wp_enqueue_scripts’, ‘mytheme_scripts_method’ );
Где jQuery – многофункциональная JavaScript библиотека.
При редактировании файла предполагается, что скрипт JS находится в одной директории с вашей темой.
Плагин Code Snippets
Плагин Code Snippets позволяет добавлять фрагменты PHP кода на сайт WordPress, таким образом, не требуется редактировать файлы функций темы напрямую. Чтобы использовать плагин Code Snippets для подключения JavaScript к вашему сайту WordPress выполните следующие действия:
- Установите и активируйте плагин Code Snippets через административную панель WordPress по аналогии с плагином Shortcoder.
- Перейдите в раздел Snippets и выберите раздел Add New, чтобы создать новый код.
- Введите заголовок вашего фрагмента кода в поле Title.
- Затем добавьте код в поле Code и нажмите Save Changes and Activate:
add_action( ‘wp_enqueue_scripts’, ‘my_custom_script’ );
wp_enqueue_script( ‘my-script’, get_stylesheet_directory_uri() . ‘/js/custom-script.js’, array(), ‘1.0.0’, true );
В этом примере используется функцию wp_enqueue_script(), которая добавляет скрипт в WordPress. Имя скрипта ‘my-script’, путь к скрипту get_stylesheet_directory_uri() . ‘/js/custom-script.js’, он зависит от jquery array(), версия скрипта ‘1.0.0’ , также указывается, что скрипт добавляется внизу страницы true.
- Сохраните фрагмент кода и проверьте сайт, чтобы убедиться, что заданный файл JavaScript был подключен.
JavaScript подключен к вашему сайту WordPress с помощью плагина Code Snippets.