Установка слайдера в header WordPress

[vslider name="vslider_options"]

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

Также можно создать изображение gif и установить его вместо стандартной картинки в header, но в дальнейшем у нас не будет никакой возможности администрировать такой "слайдер", кроме как создать новое gif изображение.

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

  • Возможность изменения размеров слайдера;
  • Возможность вставки любой гиперссылки в каждый слайд;
  • Возможность добавления текстовой информации к каждому слайду;
  • Множество эффектов перехода между изображениями;
  • Поддержка неограниченного количества слайдеров;
  • Поддержка до 20 слайдов в каждом слайдере.

Скачать плагин можно ЗДЕСЬ

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

После установки плагина в меню появится новая вкладка vSlider

Vslider

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

Vslider Settings

Поскольку нас интересует возможность установки слайдера в header сайта, вам необходимо кликнуть по кнопке Edit уже существующего слайдера или вновь созданного вами. В меню Images Source необходимо установить значение Custom, в поле Slides выставить необходимое нам число слайдов в данном слайдере, после чего нужно сохранить настройки.

Images Source

Затем в меню Custom Image 1, Custom Image 2, Custom Image 3 и т.д в поле ImageURL вставить ссылку на заранее подготовленное и загруженное на сайт изображение, при этом не стоит забывать каждый раз жать на кнопку Save Settings.

Custom Image

Процедура совсем не сложная и по ее окончанию мы приступаем непосредственно к установке слайдера в шапку шаблона вашего WordPress сайта.

Для этого нам понадобится код:

<?php if (function_exists('vslider')) { vslider('НАЗВАНИЕ ВАШЕГО СЛАЙДЕРА'); }?>

Кстати, для вставки слайдера в статью или сайдбар, нужен немного иной код:

[vslider name="НАЗВАНИЕ ВАШЕГО СЛАЙДЕРА"]

Приведенный выше код нужно прописать в файл заголовка вашего сайта header.php, подобрав ему там оптимальное место. Однако, скорее всего, слайдер не встанет именно так, как вы того желаете. Поэтому необходимо прибегнуть к способу, описанному в одной из прошлых статей, по  установке баннера в header WordPress.

Если после прочтения данного материала у вас возникли вопросы по работе плагина или установке слайдера - пишите в комментариях, будем разбираться вместе!

Вы можете оставить комментарий, или ссылку на Ваш сайт.

8 комментариев к записи “Установка слайдера в header WordPress”

  1. Добрый день!Устанавливл на 8 слайдов,но почему-то запускаются 3.Помогите,пожалуйста.Благодарю!

  2. Здравствуйте. Я установила слайдер в header. Все прекрасно работает. Вот только одно — НО! Если просматривать сайт через сотовый телефон, то там слайдер просто огромный. Что в таком случае можно сделать?

  3. Спасибо, как раз искал такой слайдер для заказной темы. Прочитал комменты ниже, у меня есть ответы: Добрый день!Устанавливл на 8 слайдов,но почему-то запускаются 3.Помогите,пожалуйста.Благодарю! Ответ — в настройках слайдера нужно установить количество слайдов. По умолчанию стоит 3.

    На два ответ такой — нужно править файлы темы и делать 1 слайдер большой 2 для мобилы.

    Также и чтобы слайдер отображался только на главной, тут проще, нужно создать отдельно шаблон для главной и для PAGE

  4. Елена:

    Здравствуйте! Уже 2 раза переделывала, не пойму почему не работает. Выводит первый слайд и всё, никакого движения, а текст совсем не выводится, правда не приводила все слайды к одному размеру, может быть причина в этом? Помогите, плиз…

  5. Юрий:

    Огромное спасибо автору!Всё встало чётко и сразу.Чуток пришлось помучаться с размером и местом установки,а так всё хорошо и главное бесплатно!

Оставить комментарий

Яндекс.Метрика