Как убрать слайдер из шаблона вордпресс. Простой и функциональный слайдер на WordPress

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

Немножко попытаюсь прояснить ситуацию. Сейчас в Интернете достаточно много ресурсов, которые распространяют бесплатные темя для WordPress , среди этих тем какое-то их количество слайдеров не содержит (такие темы достаточно «древние» по возрасту), у какого-то количества тем слайдеры содержатся и зависят от публикуемых на блоге или сайте сообщений напрямую (темы новые, но уже начинают устаревать), и есть, так называемые, премиум-темы, у которых слайдеры относительно постоянные и не зависят от поступающих на блоге сообщений (темы достаточно новые и современные).

Я же в этой публикации подробно опишу процесс формирования и настройки слайдеров в темах, где они зависят напрямую от публикуемого материала в сообщениях сайта или блога и их изображений.

Скажу сразу, мне эти темы не совсем по душе, и я стараюсь в последнее время от них отказываться. Но это сугубо мое мнение, и я не буду его никому навязывать.

И так … Слайдер – это меняющийся рисунок в определенной части сайта или блога (чаще всего где-нибудь в верхней части или шапке), который может иметь заглавие и превю с активной ссылкой на опубликованное сообщение (новость). В нашем примере слайдер выглядит следующим образом.

Главной его особенностью и отличительной чертой является то, что он зависит от содержания текста и наличия изображения миниатюры в сообщениях (публикациях) отнесенных к определенной рубрике. Неудобством такого слайдера и темы в целом является то, что если все публикации выбранной рубрики или хотя бы их часть из последних пяти опубликованных не содержат миниатюр, то слайдер работать не будет.

Как настроить работу такого слайдера? Для этого мы должны зайти в админ-панель нашего сайта (См. публикацию ). В левом меню админ-панели выбираем раздел «Внешний вид » и в выпадающем от этой опции подменю выбираем подраздел «Настройка темы TopGame » (Это для нашого примера, а в Вашем случае смотрите название темы, которая у Вас установлена).

После нажатия левой кнопкой мыши по названию подраздела «Настройка темы TopGame », перед нами открывается лист настроек данной темы. Нас интересует в этом листе раздел «Рубрика для слайд-шоу », она выглядит примерно вот так (для увеличения изображения кликните по нему левой кнопкой мыши):

В верхней строке с помощью стрелочки и правой кнопки мыши выбираем одну из рубрик на Вашем блоге, из последних сообщений которой Вы бы хотели транслировать слайды. В нашем примере выбрана рубрика «Онлайн игры », которая, как мы видим, содержит пять постов (публикаций). Не забываем нажать правой кнопкой мыши по кнопке «Сохранить изменения » в левом нижнем углу листа настроек темы. Первую часть настройки слайдера мы выполнили!

Далее рассмотрим, как формируется слайд для слайдера непосредственно при опубликовании сообщения в данную выбранную нами рубрику. Для примера я опубликую новое сообщение «Экономическая браузерная mmorpg - Anno Online », которое отнесу к рубрике «Онлайн игры », поставив галочку в разделе рубрики в правом меню редактора.

Далее нам необходимо для слайдера где-нибудь найти изображение размерами не менее чем 610 на 320 пикселей (оптимальный размер слайда в нашем примере, в Вашем — будут другие параметры). Если изображение будет меньше, то слайдер будет работать некрасиво с черными полями, компенсирующими недостающий размер рисунка. Не рекомендую выбирать и слишком большое по размерам изображение, так как в качестве слайда будет использоваться только его фрагмент.

В правом меню редактора в самом его низу найдите раздел «Миниатюра записи » и кликните по опции «Задать миниатюру » левой кнопкой мыши, после чего открывается обычный загрузчик изображений, через который Вы загружаете выбранный нами для слайда рисунок (изображение).

Во время загрузки изображения скопируйте адрес изображения, он будет иметь вот такой вид http://site.com/wp-content/uploads/2014/09/anno.png , где site.com – Ваш сайт, а anno.png – название загруженного Вами изображения.

После удачной загрузки миниатюры, ее превю высветится у Вас в окошке раздела «Миниатюра записи ». Например, вот так, как в нашем случае.

В верхней правой части редактора открываем опцию «Настройка экрана ».

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

После этого в нижней части редактора откроется форма настройки произвольных полей.

Из всего прочего открывшегося нас с Вамии будет интересовать только опция «Добавить новое поле: »

Где в разделе «Имя » мы выбираем селектор featured или же если его нет, то через опцию «Введите новое » прописываем его вручную (это необходимо для таблицы стилей). В графу «Значение » вставляем скопированный ранее адрес изображения, который будет использоваться в качестве слайдера.

После проведенных манипуляций, публикуем наше сообщение в целом. Как видим, в нашем примере слайд добавился удачно, и слайдер работает нормально.

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

Слайдер для WordPress, о котором я вам сейчас расскажу, является самым крутым среди всех слайдеров, что я видел. В нём столько настроек и столько возможностей, что можно реализовать практически любую поставленную цель. Самое главное – он бесплатный. У него есть только один недостаток – он на английском языке. И это не беда.

Слайдер для WordPress с плагином Smart Slider 3

Плагин Smart Slider 3 позволяет создать слайдер для сайта любой сложности и с любыми элементами. Скачать этот плагин вы можете по ссылке ниже.

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

После установки на сайт плагина слайдера, и его активации в вашей консоли образуется новый пункт «Smart Slider». Перейдите в него.

Здесь у нас появляется три вкладки:

• Slider. Список всех созданных слайдеров. Тут есть уже один образец слайдера, который создали разработчики плагина.
• Settings. Настройки плагина. Настроек очень много, и самое прекрасное, что их все можно оставить по умолчанию. Кому интересно, могут полазить там, а я не буду рассматривать этот пункт подробно.
• Go Pro! Тут можно купить платную версию плагина. Но кому она нужна, когда нам бесплатно дают столько возможностей! О них вы узнаете ниже.

Давайте создадим слайдер для WordPress и убедимся в возможностях этого плагина. Перейдите во вкладку «Sliders» и нажмите зелёную кнопку «Create slider».

В открывшемся окне дайте имя вашему слайдеру в поле «Slider name». Я напишу там «Мои картинки». Выберите размер в полях «Width» и «Height», определите один из трёх вариантов отображения в «Preset». В принципе, можно оставить всё по умолчанию, если не хотите возиться. В конце нажмите кнопку «Create».

Итак, создаётся слайдер для WordPress и после этого видим страницу с настройками.

Первый блок настроек «Publish slider». Здесь информация о том, как потом опубликовать готовый слайдер. В графе «Shortcode» можно получить шорткод, который можно поместить в запись или на страницу. В графе «Page or Post editor» нам показывают, что в реакторе записей и страниц образовалась новая кнопка, которая позволяет опубликовать слайдер. А в графе «PHP code» можно получить php код для установки слайдера в файлы шаблона.

Два первых способа публикации самые удобные.

Во вкладке «General» настраиваются основные опции: имя (Name), положение на сайте (Align), управление (Controls), анимация (Animation) и прочее.

Вкладка «Size» используется для настройки размеров. Можно определить ширину и высоту (Slider size), отступы (Margin), положение слайдера на экране (Default slide background fill mode), адаптивность (Responsive mode) и другое.

Во вкладке «Autoplay» настраивается автопереключение слайдера.

Вкладка «Other» для более тонких настроек, можно её не трогать.

Идём немного ниже и видим ещё один блок настроек, в котором есть шесть вкладок. Вкладка «Arrows» даёт огромнейшие возможности для настройки стрелок управления слайдера для WordPress.

«Bullets» управляет буллетами. Буллеты – это такие маленькие кружочки у слайдера, которыми можно переключать его.

Вкладка «Autoplay» управляет автозапуском слайдера.

В «Bar» можно включить бар у слайдера. Очень удобно, если нужно показать описание, например.

Вкладка «Thumbnail» управляет миниатюрами картинок слайдера для WordPress.

Итак, если вы уже наигрались с настройками, то давайте уже добавим картинки в наш слайдер для WordPress. Для этого нажмите на стрелочку около зелёной кнопки «Add Image Slider». Откроется меню.

Чтобы добавить изображение в слайдер, нужно нажать на пункт «Add images» в этом меню. Откроется стандартная медиабиблиотека, где нужно выбрать картинку. После выбора картинки, её миниатюра сразу становится видной в слайдере. Если кликнуть на неё, то можно произвести определённые настройки.

Подробно настройки рассказывать не стану. Если коротко, там можно дать изображению имя, описание, присвоить ей ссылку. Но самое замечательное, можно создавать слои с текстом, изображениями, кнопками и накладывать их на загруженную картинку, как в Photoshop.

Для создания слоёв используйте блок, который я показал на скриншоте ниже.

После всех настроек картинки не забудьте нажать «Save».

Если на кнопке добавления слайда нажать теперь пункт «Add video», то можно прикрутить к слайдеру ролик из YouTube или Vimeo. Для этого нужно просто вставить ссылку на видео в поле и нажать «Add Video».

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

Найти хороший слайдер для wordpress – задача отнюдь не простая. Последние данные говорят, что насчитывается 690 плагинов-слайдеров для WordPress. Кто имеет столько времени, чтобы изучить каждый плагин?

Чтобы помочь вам отделить зёрна от плевел, мы приводим здесь обзор и оценку 10-ти наиболее популярных бесплатных плагинов слайд-шоу, выбранных из этого списка. Эти слайдеры изображений сравнительно недавно были обновлены, и все они получили отзывы от пользователей WordPress.

Какой плагин слайд-шоу используете вы? Расскажите нам в комментариях ниже.

Meta Slider - слайдер для WordPress

Meta Slider является на сегодняшний день наиболее популярным слайдером для WordPress, имея огромное количество загрузок более 2 миллионов.
Он имеет четыре jQuery слайдера – Nivo Slider (адаптивный, 16 эффектов перехода, четыре темы), Coin Slider (четыре эффекта перехода), Flex Slider 2 (адаптивный, два эффекта перехода, режим карусели), Responsive Slides (адаптивный, только эффект затухания).
Создать новое слайд-шоу несложно – добавьте изображение, выберите слайдер, который вы хотите использовать, и плагин выдаст шорткод, который вы можете добавить в любое место вашего сайта.
Имеется также pro-версия этого плагина, если вы хотите заплатить деньги за дополнительные функции.

Easing Slider

Имеющий почти 650 000 загрузок, Easing Slider Lite – второй по популярности слайдер-плагин.

Этот не занимающий много места плагин позволяет устанавливать размеры и продолжительность вашего слайдера и включает в себя возможность сделать слайд-шоу интерактивным. Имеет два эффекта перехода, эффект затухания. Как и для многих других слайдеров, вы должны использовать шорткод, чтобы добавить ваш слайдер в запись или на страницу.
При помощи этого плагина вы можете создавать только одно слайд-шоу, поэтому, если вы хотите иметь на своём сайте больше, то вам придётся поискать что-то другое.

Smooth Slider

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

WOW Slider

Wow Slider необычен тем, что для создания слайд-шоу вам необходимо скачать отдельную программу, мастер WOWSlider. После того как вы выбрали изображения для слайд-шоу, вы можете затем загрузить их в плагин. Вы должны будете скопировать и вставить шорткод, чтобы добавить слайдер в любое место на вашем сайте.
Веб-сайт плагина включает в себя довольно полную документацию, чтобы помочь вам в том случае, если у вас возникнут какие-либо проблемы.

vSlider Multi Image Slider for WordPress

vSlider позволяет отображать на вашем сайте неограниченное количество слайдеров изображений, хотя сколько слайдеров – «слишком много»?
Вы можете вставлять слайдеры на ваш сайт с помощью шорткода, настраиваемого виджета или используя его как функцию в вашей теме.
У плагина имеется полезный FAQ и видео-руководство, которое объяснит вам, как настроить ваш первый слайдер. Если у вас возникнут какие-либо проблемы, то для вас также доступен форум.

SlideDeck 2 Lite Responsive Content Slider

SlideDeck – популярный и многосторонний плагин, имеющий продвинутый функционал по сравнению с предыдущими плагинами.
Эта Lite версия не включает в себя весь набор из 14 источников контента, таких, как Facebook, NexGEN и Gallery, которые доступны в премиум-версии.
Но всё-таки Lite версия позволит вам быстро создавать слайд-шоу из любого контента, такого, как изображения, записи и видео.

EasyRotator for WordPress – Slider Plugin

EasyRotator обещает, что пользователи получат «для своего сайта WordPress красивые, интерактивные ротаторы и слайдеры фото в считанные секунды», но на самом деле это требует некоторой настройки. Сначала вы должны будете установить Flash-программу для создания ваших слайдов – или ротаторов – на вашем ПК, которая может раздражать. После этого вы можете создать новый ротатор в редакторе страницы или записи. Вы также можете использовать шорткод, чтобы вставить ротатор на ваш сайт или добавить ротатор в вашу тему с помощью соответствующей функции.
После всех проблем с установкой Flash-программы может оказаться, что он не будет работать, когда вы попытаетесь настроить основной слайдер из редактора записей. Небольшое исследование показало, что этот плагин не работает с Safari/Chrome.

Responsive WordPress Slider – Soliloquy Lite

Soliloquy – один из наиболее известных слайдеров, и не зря – он прост в установке, вам не нужно скачивать Flash-программу для создания и загрузки слайдеров или возиться с настройками. Он просто работает.
После того, как вы добавите изображения, выберите размер слайдера, скорость и нажмите «Опубликовать». После этого нужно скопировать полученный шорткод на любую страницу или запись, куда вы хотите установить слайдер.
Хотя это Lite версия, она всё-таки имеет достаточно возможностей, чтобы её попробовать.

Cyclone Slider 2

Cyclone Slider 2 возвращает слайдеры назад к основам. Он предлагает простую установку, отображает простой слайдер изображений и включает в себя такие функции, как задержки, размеры и паузу при наведении.
Плагин поддерживает изображения, YouTube, Vimeo, настраиваемый HTML и рекомендованные слайдеры. Вы можете перетаскивать ваши слайды, чтобы изменить их порядок, слайдеры интерактивны.
Этот плагин имеет также pro-версию.

Responsive Slider

Responsive Slider – очень простой слайд-шоу плагин, который требует некоторых настроек, но это делает его простым в использовании.
Добавление новых слайдов является несложным делом, и вы можете разместить их в любом месте вашего сайта с шорткодом или внутри вашей темы, используя соответствующую функцию.
Настройки позволяют изменять ширину и высоту слайдера, добавлять эффект перехода, задержки, длительности анимации и автоматического запуска.
Этот плагин предназначен только для одного слайдера, так что если вы хотите установить на своём сайте несколько слайдеров, вам придётся воспользоваться другим плагином.

Самый популярный и самый лучший слайдер
И победитель: Meta Slider .

Meta Slider – не только наиболее часто скачиваемый слайдер-плагин, но он также получил наивысший рейтинг от пользователей.
Он удобен в использовании, имеет хороший баланс возможностей и функций – и всё это бесплатно.

vSlider Multi Image Slider , SlideDeck 2 Lite и Soliloquy Lite – также замечательные слайдер плагины, если ваш сайт перегружен изображениями и вы хотите сделать много слайдеров. Эти три темы ориентированы на профессионалов, чтобы привлекать клиентов – иметь больше продаж – с бесплатными продуктами.

Если вы просто хотите иметь очень простой слайдер без всяких наворотов, то вам, безусловно, подойдёт Cyclone Slider 2. Это прекрасный слайдер, который легко настраивается и не отягощён бесчисленным множеством настроек и опций.

Но если потом вам понадобится слайдер с большим функционалом и возможностью размещать на вашем сайте несколько слайдеров, вы не сможете пройти мимо Meta Slider.

Я Приветствую Вас! Меня зовут Владимир Савельев и я автор этого блога. Сегодня я хочу Вам рассказать — что такое слайдер, его преимущества и недостатки. А также покажу как установить слайдер на WordPress .

В прошлой статье я рассказал о ТОП 9 — самые лучшие плагины для защиты от спама. Обязательно посмотрите!

Но вернемся к слайдеру.

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

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

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

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

Что такое слайдер?

Слайдером или каруселью изображений называют специальный элемент web-дизайна, представленный в виде блока с картинками или текстом.

Главная задача слайдера – показ интерактивного контента, изменяющегося в ручном или автоматическом режиме и привлекающего внимание к определенному содержимому ресурса.

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

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

Преимущества использования слайдеров

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

Например, собственнику виртуального магазина слайдер wordpress пригодится для оповещения о поступлении новой продукции, текущих акциях и скидках;

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

Недостатки использования слайдеров

Страдают в первую очередь скорость загрузки и вес страницы — решив украсить сайт слайдером wordpress, помните, что далеко не всем доступна быстрая сеть. Многие для выхода во всемирную паутину применяют Wi-Fi, не предлагающий высокой скорости.

Слайдер контента из нескольких габаритных изображений может существенно замедлить скорость загрузки проекта. Это грозит тем, что посетители со слабым интернетом будут чаще уходить с вашего проекта, а поисковые боты будут индексировать страницы с медленной загрузкой несколько хуже;

Meta Slider – многофункциональный, простой и классный слайдер

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

Помимо этого, созданные при помощи Meta Slider карусели изображений, являются seo- оптимизированными, что благотворно влияет как на визуальное восприятие, так и на авторитетность ресурса в глазах поисковиков.

Размещается слайдер на главной странице, в боковой колонке или в любой записи. Настройки и внедрение слайд-шоу Meta Slider очень просты.

Как настроить слайдер-шоу Meta Slider на wordpress?

Скачайте, установите и активируйте плагин. После этого в боковой колонке панели админа вы увидите новый пунктик Meta Slider Lite. Кликните на верхней вкладочке с небольшим крестиком и добавляйте изображения в созданную слайд карусель.

Нажмите клавишу «добавить слайд» и загрузите выбранные изображения с компьютера;

Для этого наводим курсор на изображение, заблаговременно нажав левую кнопочку мышки. Чтобы зафиксировать результаты, жмем «сохранить» либо «сохранить и посмотреть». Эта функция чрезвычайно удобна и предоставляет возможность сразу увидеть, как выглядит ваше слайд-шоу;

В базовой модификации Meta Slider разработчиком представлено четыре вида слайдеров. Опции настроек для каждого слайд-шоу располагаются под клавишами сохранения на правой стороне:

• слайдер «Responsive Slides» – отзывчивый, наиболее легкий из всех, один эффект;
• слайдер «Nivo Slider» – отзывчивый, четыре темы и шестнадцать эффектов;
• слайдер «Flex Slider 2» – отзывчивый, режим карусели, два эффекта;
• слайдер «Coin Slider» – четыре эффекта.

Подбирайте оптимальный вариант и выполняйте его специализированные настройки.

Все настроечные опции слайдерской карусели представлены в четырех разделах:

• Общие – здесь выбираем подходящий вид слайд-шоу, его размеры, тему (стиль) и эффект смены;
• Управление – в этом разделе вы можете выключить показ элементов, при помощи которых осуществляется управление шоу слайдов;
• Расширенные настройки – на ваш выбор предложено: включить автопрокручивание ресурса, сменить скорость анимационных эффектов и переходов, активировать опцию случайного показа изображений, а также настроить множество других эффектов;

Здесь, в основном, настроечные опции будут зависеть от вида слайдера, который вы подберете изначально;

• Опции разработчика – возможность добавлять скрипты и CSS classes, созданные собственноручно. Предназначена для опытных сайтостроителей;

Для просмотра готового и внедренного слайд-шоу на собственном проекте, воспользуйтесь сгенерированным для каждого слайдера шорткодом или функцией PHP. Для этого необходимо скопировать и вставить шорткод в необходимое место.

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

Если вы опасаетесь всего нового или боитесь поломать ресурс, смело применяйте Meta Slider – сайт он не испортит!

Начинающим сайтостроителям я рекомендую ставить слайдер на wordpress со стандартными настройками, а уже после начать изменять эффекты и оформление. Также убедитесь, что у вас подключена последняя версия jQuery. На этом все, удачи Вам!

У нас кстати в городе снега столько выпало просто жесть! Интересно везде так или только у нас в области?

Совсем недавно посмотрели с женой фильм Дурак! Столько шума и мнений вызвал этот фильм просто Атас! Обязательно посмотрите его, каково же Ваше мнение будет о нем, интересно...

Вчера выплатил деньги — победителям моих конкурсов, скоро запущу новые и не менее интересные! Подписывайтесь на блог и тоже участвуйте!

PS: Наконец-то купил сыну прикольного хомяка-повторюшку. Давно у меня выпрашивал хомяка этого, думал очередная фигня, а нет, всей семьей ржали как лоси Брал тут ! Теперь он постоянно с ним дурачится! Надо будет видео с ним прикольное записать.

Смотрели видео про этого хомяка? Ржака!

С уважением, Владимир Савельев

Премиум-уроки от клуба webformyself

Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript... База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год - Вы сможете стать опытным веб-мастером "с полного нуля"!

Подробнее

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

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

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

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

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

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

1. «General Settings» (главные настройки) — здесь можно указать размеры изображений, которые будет выводить слайдер. Размер всех изображений должен быть одинаковым, потому что по умолчанию плагин будет выводить картинку размером, указанным в указанных в настройках, не обращая внимания на фактический размер изображения. Поэтому картинки лучше заранее подготовить и сделать их одинакового размера с соблюдением геометрических пропорций. Например, в том же Фотошопе. Здесь же вы можете настроить подписи и описания к изображениям (эта функция будет работать, если вы включите её в разделе «Images Source Settings»).
2. Блок «Effects & Animations Settings» (настройки анимации и эффектов изображений) — понятно, что здесь настраивается. Можно указать время смены изображений друг другом, эффекты смены изображений и многое другое, по ходу разберётесь. Здесь же можно управлять навигационными кнопками в слайдере – включать или отключать их, и многими другими настройками.
3. Блок «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()) на нужную вам:

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

Вот и всё, теперь вы можете вставлять свой слайдер практически на любую страницу сайта.