Установка слайдера в header WordPress. Как в WordPress создать свой слайдер с изображениями Как установить слайдер на главную страницу вордпресс

По просьбам трудящихся написал статью про добавление слайдера в тему WordPress. Статья будет универсальной, т.е. на ее основе можно добавить слайдер в любую тему WP. Разбирать этот вопрос мы будем на примере темы Pinbin. Ссылка на тему и на все файлы из урока будет после статьи.
Это новый формат статей с видео. Особенно важно узнать, что понравилось в видео, а что нет. Своими мнениями делитесь в комментариях под этой статьей.
Внимание! Если вам дороги ваши нервы и время, то закажите сайт проффесионалам. Заказать можно здесь. Тык!
Приятного просмотра!

Подготовительные работы

Если вы не знаете основ JavaScript и не знакомы с библиотекой JQuery, то крайне советую вам почитать информацию в ссылках ниже:

Прежде, чем начинать какое либо дело нужно предварительно ознакомиться с исходными материалами. У нас на руках имеется тема Pinbin. И она адаптивная. А это значит, что подстраивается под различные разрешения экрана. В том, числе и мобильные устройства. Соответственно нам нужен адаптивный слайдер.
Мы конечно будет использовать готовые решения на JQuery.
В качестве слайдера я взял ResponsiveSlides. Он адаптивный и достаточно простой в установке. Ссылку на описание и документацию найдете после статьи. Это все, что нам нужно. Поехали.

Готовим структуру под слайдер

Слайдер будем выводить только на главной. Поэтому открываем файл index.php и перед началом вывода постов, т.е. перед строчкой пишем HTML код: