[vslider name="vslider_options"]
Существуют шаблоны, в которых присутствуют функции слайдера в шапке сайта по умолчанию. Однако большинство тем для WordPress не поддерживают данный функционал. Соответственно, при необходимости данной реализации, нам нужно самостоятельно дописывать код или пользоваться какими-либо плагинами.
Также можно создать изображение gif и установить его вместо стандартной картинки в header, но в дальнейшем у нас не будет никакой возможности администрировать такой "слайдер", кроме как создать новое gif изображение.
В этой статье речь пойдет об установке специального плагина для вывода слайдера в любом месте вашего сайта WordPress. Плагин называется vSlider, среди его основных преимуществ:
- Возможность изменения размеров слайдера;
- Возможность вставки любой гиперссылки в каждый слайд;
- Возможность добавления текстовой информации к каждому слайду;
- Множество эффектов перехода между изображениями;
- Поддержка неограниченного количества слайдеров;
- Поддержка до 20 слайдов в каждом слайдере.
Скачать плагин можно ЗДЕСЬ
К сожалению, плагин не переведен, однако никаких сложностей в его использовании нет, все интуитивно понятно даже новичку.
После установки плагина в меню появится новая вкладка vSlider
Кликнув по ней левой кнопкой мыши мы попадем в меню слайдеров, где можно создавать новые слайдеры, отключать старые, а также их редактировать.
Поскольку нас интересует возможность установки слайдера в header сайта, вам необходимо кликнуть по кнопке Edit уже существующего слайдера или вновь созданного вами. В меню Images Source необходимо установить значение Custom, в поле Slides выставить необходимое нам число слайдов в данном слайдере, после чего нужно сохранить настройки.
Затем в меню Custom Image 1, Custom Image 2, Custom Image 3 и т.д в поле ImageURL вставить ссылку на заранее подготовленное и загруженное на сайт изображение, при этом не стоит забывать каждый раз жать на кнопку Save Settings.
Процедура совсем не сложная и по ее окончанию мы приступаем непосредственно к установке слайдера в шапку шаблона вашего WordPress сайта.
Для этого нам понадобится код:
<?php if (function_exists('vslider')) { vslider('НАЗВАНИЕ ВАШЕГО СЛАЙДЕРА'); }?> |
Кстати, для вставки слайдера в статью или сайдбар, нужен немного иной код:
[vslider name="НАЗВАНИЕ ВАШЕГО СЛАЙДЕРА"] |
Приведенный выше код нужно прописать в файл заголовка вашего сайта header.php, подобрав ему там оптимальное место. Однако, скорее всего, слайдер не встанет именно так, как вы того желаете. Поэтому необходимо прибегнуть к способу, описанному в одной из прошлых статей, по установке баннера в header WordPress.
Если после прочтения данного материала у вас возникли вопросы по работе плагина или установке слайдера - пишите в комментариях, будем разбираться вместе!
Добрый день!Устанавливл на 8 слайдов,но почему-то запускаются 3.Помогите,пожалуйста.Благодарю!
Здравствуйте, нужен адрес вашего сайта и доступ к нему для того, чтобы попробовать разобраться в проблеме. Свяжитесь со мной Вконтакте!
В какой файл вставлять код?
Здравствуйте. Я установила слайдер в header. Все прекрасно работает. Вот только одно — НО! Если просматривать сайт через сотовый телефон, то там слайдер просто огромный. Что в таком случае можно сделать?
Спасибо, как раз искал такой слайдер для заказной темы. Прочитал комменты ниже, у меня есть ответы: Добрый день!Устанавливл на 8 слайдов,но почему-то запускаются 3.Помогите,пожалуйста.Благодарю! Ответ — в настройках слайдера нужно установить количество слайдов. По умолчанию стоит 3.
На два ответ такой — нужно править файлы темы и делать 1 слайдер большой 2 для мобилы.
Также и чтобы слайдер отображался только на главной, тут проще, нужно создать отдельно шаблон для главной и для PAGE
Что писать в ‘НАЗВАНИЕ ВАШЕГО СЛАЙДЕРА’?
Здравствуйте! Уже 2 раза переделывала, не пойму почему не работает. Выводит первый слайд и всё, никакого движения, а текст совсем не выводится, правда не приводила все слайды к одному размеру, может быть причина в этом? Помогите, плиз…
Огромное спасибо автору!Всё встало чётко и сразу.Чуток пришлось помучаться с размером и местом установки,а так всё хорошо и главное бесплатно!