Плагин WordPress Content Slide предназначен для организации на сайте слайдера изображений. Конечно, нужно согласиться с тем, что не для всех сайтов такой функционал необходим, но всё-таки многие (судя по поисковым запросам) ищут для себя что-либо подобное, но не слишком тяжёлое в управлении и настройках.
Плагин WordPress Content Slide как раз из этого разряда, хотя настроек в нём довольно много. Но, поковырявшись в его настройках минут 10 (как и я), вы поймёте, что плагин заслуживает того, чтобы работать на страницах вашего сайта. Особенно такой плагин пригодится для журнальных и новостных ресурсов, так как работает он чётко и легко. Небольшие хаки, о которых я расскажу ниже, помогут вам облегчить вашу работу с плагином. Итак — с одной стороны, слайдер довольно мощный, судя по настройкам, с другой – прост настолько, что разобраться с ним сможет каждый желающий.
Об установке плагина – идите сразу в админпанель, во вкладку «Плагины». Дальше – вкладка «Добавить новый». Ещё дальше – «Поиск». И забудьте, наконец, о том, что такого рода функционал нужно искать на просторах интернета – репозитарий WordPress (то есть — хранилище) настолько велик, что в нём найдётся место и для этого плагина.
А вообще, чтобы вы знали на будущее, в этом хранилище на данный момент находится около 22 000 плагинов и, судя по моей почте, добавляются они неслабо – за этот месяц добавилось ещё 32. Так что не качайте вы плагины неизвестных авторов, пользуйтесь WordPress, коль скоро вы решили с ним работать.
Так вот, об установке – ваш WordPress сам найдёт и предложит вам плагин для скачивания. Все плагины совместимы с последними версиями WordPress , так что скачивайте смело, и активируйте плагин. После активации начнётся самое интересное – настройка плагина. Перейдите в «Параметры», или «Настройки», это у кого как, дальше – «Content Slide». Здесь вы можете настроить плагин практически по всем интересующим вас параметрам. Плагин на русский язык не переведён, но настройки понятны интуитивно.
Плагин сам создаёт своё меню в панели администратора под названием «Content Slide», а настройки плагина находятся в «Content Slide» — «Content Slide». Всего плагин имеет три настраиваемых блока:
Вот и все настройки плагина. Как видите, они достаточно просты и, потратив 10-15 минут, вы настроите свой слайдер так, как вам захочется. Как вставить слайдер в шаблонвашего сайта? Да очень просто, для этого вставьте в файл шаблона, в котором будет выводиться ваш слайдер, этот код:
Не перепутайте – не на странцу сайта, которую вы создаёте обычным путём в админпанели, а именно в файл шаблона страницы. Лучше всего это сделать перед выводом контента страницы. У меня такой код выглядит вот так:
Ключевое слово здесь — content . По аналогии вы найдёте у себя в шаблоне похожие строки. Но выводить слайдер на всех страницах сайта будет не слишком хорошо – не на всех страницах он нужен. Например, на странице «Контакты» или «Ссылки» он будет явно лишним. Обычно слайдер включают только на главной странице, а для этого лучше применить такой код:
if(is_front_page()) { if(function_exists("wp_content_slider")) { wp_content_slider(); } } ?>
При помощи условных тегов слайдер можно отображать только на одной, нужной вам странице. Как это сделать, я расскажу ниже. Единственный недостаток плагина — он не настраивается для вывода нескольких слайдеров с разными изображениями. Впрочем, я мало встречал таких необходимостей. Хотя, думаю, вам будет достаточно и одного слайдера. Вот так выглядит слайдер на странице моего тестового блога, так сказать, «полигона» для обкатки разных разностей:
Теперь об условных тегах. Их в WordPress много, я приведу только те, которые вам могут пригодиться для вывода слайдера.
Для того, чтобы слайдер отобразился там, где вы хотите, в строке кода поменяйте строку if(is_front_page()) на нужную вам:
Вот и всё, теперь вы можете вставлять свой слайдер практически на любую страницу сайта.
Привет читателям блога SEOBID! Наверняка каждый из вас видел в интернете сайты со слайдерами и хотел себе такой же. Ну, не такой, немного другой, но чтобы работал и не грузил сайт. Но, как известно, плагин, если он работает как слайдер wordpress , нагружает блог или сайт запросами, поэтому не все веб-мастера хотят устанавливать слайдер именно в исполнении плагина.
Популярны становятся слайдеры-карусели, реализованные при помощи php-кода, так называемые скрипты. Однако разобраться с многострочным кодом тоже не всем под силу, и слайдеры-скрипты тоже остаются в большинстве своем невостребованными.
Промежуточное звено — слайдер для wordpress комбинированного типа. То есть, есть плагин, который работает встраиванием кода в шаблон сайта. Таким образом, нагрузка на сайт и БД становится меньше, скрипт плагина вызывается быстрее, а результат – тот же. Сам плагин должен при этом загружаться не в директорию с плагинами /plugins, а в директорию того шаблона, который сейчас работает на сайте. Такое размещение также уменьшает количество запросов к базе данных.
Так что это за конструкция такая — комбинированный слайдер для вордпресс ? Например, распространенный плагин bxslider, который вы не найдете в репозитарии WordPress, но который можно и нужно скачать с официального сайта плагина — http://bxslider.com/. Естественно, плагин содержит все необходимое для организации и работы слайдера на любой странице (страницах) вашего блога, но его нужно закачать на сайт, подключить и настроить. Вот этим мы сегодня и займемся.
Весит слайдер вордпресс bxslider всего 157 кБ, и это уже большой плюс. Работает он на Jquery, а это означает, что нам необходимо будет подключить внешнюю библиотеку Jquery. Таким образом, запросы именно к вашему серверу сокращаются на глазах. Недостаток у этого плагина один – благодаря своей универсальности для каждого шаблона темы WordPress нужно будет подправлять кое-какие настройки в файле css и в основных настройках кода, который мы сейчас научимся вставлять в файлы шаблона сайта.
Всего вам придется вставить три фрагмента кода php. Первый и второй фрагменты – в файл header.php, в любое место между тэгами и . Первым фрагментом кода мы подключаем внешнюю библиотеку Jquery – без нее картинки будут стоять на месте, хотя отображаться все будет правильно.
Вот первый фрагмент: