Плагины для wordpress слайдер на главную страницу. Простой и функциональный слайдер на WordPress

Плагин WordPress Content Slide предназначен для организации на сайте слайдера изображений. Конечно, нужно согласиться с тем, что не для всех сайтов такой функционал необходим, но всё-таки многие (судя по поисковым запросам) ищут для себя что-либо подобное, но не слишком тяжёлое в управлении и настройках.

Плагин WordPress Content Slide как раз из этого разряда, хотя настроек в нём довольно много. Но, поковырявшись в его настройках минут 10 (как и я), вы поймёте, что плагин заслуживает того, чтобы работать на страницах вашего сайта. Особенно такой плагин пригодится для журнальных и новостных ресурсов, так как работает он чётко и легко. Небольшие хаки, о которых я расскажу ниже, помогут вам облегчить вашу работу с плагином. Итак — с одной стороны, слайдер довольно мощный, судя по настройкам, с другой – прост настолько, что разобраться с ним сможет каждый желающий.

Об установке плагина – идите сразу в админпанель, во вкладку «Плагины». Дальше – вкладка «Добавить новый». Ещё дальше – «Поиск». И забудьте, наконец, о том, что такого рода функционал нужно искать на просторах интернета – репозитарий WordPress (то есть — хранилище) настолько велик, что в нём найдётся место и для этого плагина.

А вообще, чтобы вы знали на будущее, в этом хранилище на данный момент находится около 22 000 плагинов и, судя по моей почте, добавляются они неслабо – за этот месяц добавилось ещё 32. Так что не качайте вы плагины неизвестных авторов, пользуйтесь WordPress, коль скоро вы решили с ним работать.

Так вот, об установке – ваш WordPress сам найдёт и предложит вам плагин для скачивания. Все плагины совместимы с последними версиями WordPress , так что скачивайте смело, и активируйте плагин. После активации начнётся самое интересное – настройка плагина. Перейдите в «Параметры», или «Настройки», это у кого как, дальше – «Content Slide». Здесь вы можете настроить плагин практически по всем интересующим вас параметрам. Плагин на русский язык не переведён, но настройки понятны интуитивно.

Плагин сам создаёт своё меню в панели администратора под названием «Content Slide», а настройки плагина находятся в «Content Slide» — «Content Slide». Всего плагин имеет три настраиваемых блока:

  • «General Settings» (главные настройки) — здесь можно указать размеры изображений, которые будет выводить слайдер. Размер всех изображений должен быть одинаковым, потому что по умолчанию плагин будет выводить картинку размером, указанным в указанных в настройках, не обращая внимания на фактический размер изображения. Поэтому картинки лучше заранее подготовить и сделать их одинакового размера с соблюдением геометрических пропорций. Например, в том же Фотошопе. Здесь же вы можете настроить подписи и описания к изображениям (эта функция будет работать, если вы включите её в разделе «Images Source Settings»).
  • Блок «Effects & Animations Settings» (настройки анимации и эффектов изображений) — понятно, что здесь настраивается. Можно указать время смены изображений друг другом, эффекты смены изображений и многое другое, по ходу разберётесь. Здесь же можно управлять навигационными кнопками в слайдере – включать или отключать их, и многими другими настройками.
  • Блок «Images Source Settings» (настройки изображений) – в этом блоке вы указываете путь к картинкам; ссылки, которые открываются при щелчке по картинке; подписи к изображениям и их описания (если вы включили «Display Heading and Text?») и общее количество всех изображений, которое будет выводить слайдер.
  • Вот и все настройки плагина. Как видите, они достаточно просты и, потратив 10-15 минут, вы настроите свой слайдер так, как вам захочется. Как вставить слайдер в шаблонвашего сайта? Да очень просто, для этого вставьте в файл шаблона, в котором будет выводиться ваш слайдер, этот код:

    Не перепутайте – не на странцу сайта, которую вы создаёте обычным путём в админпанели, а именно в файл шаблона страницы. Лучше всего это сделать перед выводом контента страницы. У меня такой код выглядит вот так:

    Ключевое слово здесь — content . По аналогии вы найдёте у себя в шаблоне похожие строки. Но выводить слайдер на всех страницах сайта будет не слишком хорошо – не на всех страницах он нужен. Например, на странице «Контакты» или «Ссылки» он будет явно лишним. Обычно слайдер включают только на главной странице, а для этого лучше применить такой код:

    if(is_front_page()) { if(function_exists("wp_content_slider")) { wp_content_slider(); } } ?>

    При помощи условных тегов слайдер можно отображать только на одной, нужной вам странице. Как это сделать, я расскажу ниже. Единственный недостаток плагина — он не настраивается для вывода нескольких слайдеров с разными изображениями. Впрочем, я мало встречал таких необходимостей. Хотя, думаю, вам будет достаточно и одного слайдера. Вот так выглядит слайдер на странице моего тестового блога, так сказать, «полигона» для обкатки разных разностей:

    Теперь об условных тегах. Их в WordPress много, я приведу только те, которые вам могут пригодиться для вывода слайдера.

    Для того, чтобы слайдер отобразился там, где вы хотите, в строке кода поменяйте строку if(is_front_page()) на нужную вам:

  • Главная страница: — is_home (). Если вы выберете постоянную страницу в качестве главной страницы сайта, то этот условный тег будет считать главной страницу с записями.
  • Главная страница (новый тег): is_front_page (). Когда выводится главная страница, независимо от того, что на ней отображается — записи или статическая страница. Работает, когда отображается главная страница, и не имеет значения, что указано в настройках: «Настройки» — «Чтение» — «На главной странице отображать» — « Ваши последние записи» или «Статическую страницу».
  • Одиночная запись на отдельной странице: is_single ().
  • Отображается одиночная запись: is_single (’17’), id=13.
  • is_single (‘ New article’). ‘с заголовком «New article».
  • is_single (‘ short link’). Отображается одиночная запись с короткой ссылкой short link.
  • is_single (array (13,’ short link’,’ New article ‘)). Отображается одиночная запись, при этом должно работать хотя бы одно условие из трёх, указанных для записи: 1 — ID 13 или 2 — короткая ссылка «short link» или 3 — заголовок «New article».
  • Любая страница, на которой отображаются записи: comments_open (). Комментарии разрешены для текущей записи.
  • pings_open (): пинги разрешены для текущей записи.
  • Страница «Статической страницы»: is_page (). Отображается Статическая страница.
  • is_page (’42’). Отображается Статическая страница с id=43.
  • is_page (‘ About me about Jack’). Отображается Статическая страница с заголовком «About me about Jack».
  • is_page (‘about-me’). Отображается Статическая страница с короткой ссылкой «about-me».
  • is_page (array (43,’about-me’,’ About me about Jack’)). Отображается Статическая страница, при этом должно работать хотя бы одно условие из трёх, указанных для Статической страницы: 1 — ID 43 или 2 — короткая ссылка «about-me» или 3 — заголовок «About me about Jack».
  • Вот и всё, теперь вы можете вставлять свой слайдер практически на любую страницу сайта.

    Привет читателям блога SEOBID! Наверняка каждый из вас видел в интернете сайты со слайдерами и хотел себе такой же. Ну, не такой, немного другой, но чтобы работал и не грузил сайт. Но, как известно, плагин, если он работает как слайдер wordpress , нагружает блог или сайт запросами, поэтому не все веб-мастера хотят устанавливать слайдер именно в исполнении плагина.

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

    Промежуточное звено — слайдер для wordpress комбинированного типа. То есть, есть плагин, который работает встраиванием кода в шаблон сайта. Таким образом, нагрузка на сайт и БД становится меньше, скрипт плагина вызывается быстрее, а результат – тот же. Сам плагин должен при этом загружаться не в директорию с плагинами /plugins, а в директорию того шаблона, который сейчас работает на сайте. Такое размещение также уменьшает количество запросов к базе данных.

    Так что это за конструкция такая — комбинированный слайдер для вордпресс ? Например, распространенный плагин bxslider, который вы не найдете в репозитарии WordPress, но который можно и нужно скачать с официального сайта плагина — http://bxslider.com/. Естественно, плагин содержит все необходимое для организации и работы слайдера на любой странице (страницах) вашего блога, но его нужно закачать на сайт, подключить и настроить. Вот этим мы сегодня и займемся.

    Весит слайдер вордпресс bxslider всего 157 кБ, и это уже большой плюс. Работает он на Jquery, а это означает, что нам необходимо будет подключить внешнюю библиотеку Jquery. Таким образом, запросы именно к вашему серверу сокращаются на глазах. Недостаток у этого плагина один – благодаря своей универсальности для каждого шаблона темы WordPress нужно будет подправлять кое-какие настройки в файле css и в основных настройках кода, который мы сейчас научимся вставлять в файлы шаблона сайта.

    Всего вам придется вставить три фрагмента кода php. Первый и второй фрагменты – в файл header.php, в любое место между тэгами и . Первым фрагментом кода мы подключаем внешнюю библиотеку Jquery – без нее картинки будут стоять на месте, хотя отображаться все будет правильно.

    Вот первый фрагмент:

    Понравилась статья? Поделиться с друзьями: