Подключение фреймворка (англ. framework) jQuery совсем не сложная задача с которой вполне способен справиться любой начинающий блогер.
Подключив jquery, вы сможете наслаждаться огромными, почти безграничными возможностями которые предоставляют его многочисленные плагины: создавать красивые галереи картин и фотографий, динамические всплывающие меню и многое многое другое.
Мне нравится этот фреймворк и поскольку я сам пользуюсь jquery, то часто публикую статьи с интересными на мой взгляд решениями с применением jquery плагинов, поэтому дабы не описывать подключение jQuery в каждой новой статье, а просто ставить ссылку для тех кто не знает как подключить jquery я решился на написание данной статьи.
Подключение jQuery — как подключить jQuery
Чтобы подключить jQuery к сайту вам надо выполнить всего несколько довольно простых действий:
- Открываете в текстовом редакторе (я использую Notepad+) для редактирования:
- если сайт статический (не используется ни какая CMS — движок) — поочередно все страницы сайта
- если сайт создан на wordpress — header.php используемой темы
- для динамических сайтов на других CMS — ту часть шаблона (темы) где расположена секция HEAD
- Находите секцию HEAD — все что находится между открывающим и закрывающим тегами: <HEAD>…</HEAD>.
- И добавляете в самый ее конец, перед закрывающим тегом </HEAD> следующий код:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
Главная причина, почему я рекомендую вам подключить jquery с google — во-первых высокая скорость их серверов, а во-вторых в случае если посетитель до вашего сайта уже посещал сайты с именно таким подключением, то браузер не будет скачивать его повторно а просто выполнит скрипт jquery, сохраненный в своем кеше — что обеспечит более быструю загрузку страниц вашего сайта.
И вот теперь когда этот замечательный фреймворк уже подключен вы можете пользоваться любыми его плагинами подключая их скрипты сразу после основного скрипта фреймворка.
Читайте также:
- Кроссбраузерный text-shadow эффект с помощью CSS
- Самостоятельное создание логотипа для сайта онлайн
- Скрипт всплывающего сбоку окна с рекламой или сообщением
- Секреты дивовой верстки без хаков
- Сочетаемые и несочетаемые цвета в одежде, интерьере и дизайне сайтов
- Оптимизация изображений (картинок и фотографий) сайта
- Возможности и недостатки разметки HTML5 для создания web сайтов
- Дизайн который надеюсь понравится Google и Яндексу
- Выделение текста в Skype и теги HTML в чате Скайпа
- Ссылки из футера опасны для разработчиков шаблонов WordPress