ПоделитьсяTweetПоделитьсяGoogle
Всем читателям привет! Сегодня мы с вами установим , кому это жизненно необходимо, Слайдер картинок. Слайдер — скользящий по английски, блок где контент или изображения меняются динамически. Это может быть новостная лента или в нашем примере изображения, типа баннеров которые сменяют друг друга. В некоторых шаблонах уже есть встроенные слайдеры. На одних шаблонах это смотрится, на других не очень, мы возьмём для примера обычный шаблон без установленного слайдера и поместим этот блок на сайт.
Как установить слайдер на сайт.
Для этой операции дорогие мои хирурги 🙂 ( вспомнил фильм с участием комик-труппы «Маски шоу», где на двери кабинета висела табличка » херург» — специалист наверное…) Короче, нам надо плагин. Который так и называется vSlider. В чем примечательность плагиа vSlider:
- Выбор размера картинок, возможность установки на каждую картинку (слайд) — url на любую статью;
- Поддержка различных переходов между картинками;
- Добавление текста к каждому слайду;
- Русская панель настроек самого слайдера.
Разсмотрим ( ещё раз хочу напомнить, что для меня Луначарский не указ и слова с приставкой ра.. и бе.. для меня не существуют. Только раз и только без.) Продолжаю, разсмотрим вариант русский. Установка плагина vSlider 3.0 Rus Первый плагин, как вы уже поняли на русском языке второй на английском, но он новее и более функциональнее. В русском vSlider 3.0 Rus поддерживается только один слайдер на сайте и картинок 5 штук. В английском vSlider 4.1.2 — неограниченное количество и 20 картинок в слайдере. Итак, как установить слайдер vSlider 3.0 Rus. Скачиваем по этой ссылке vSlider 3.0 Rus>> Далее процедура проста и уже описывалась, но повторю. В консоли в левой панели кликаем «Плагины» > «Добавить новый» > «Загрузить» > кнопка «Выберите файл». Ищем у себя на компе куда упал скачанный vSlider 3.0 Rus.zip и закачиваем. Затем «Установить» и «Активировать». Плагин готов, чтоб он отображал слайдер, необходимо добавить код в шаблон wordpress. Вот такой код для русской версии Слайдер
используется только для добавления его на страницы блога (сайта), например, на главной, путем внесения в файл index.php кода самого слайдера. Можно добавлять его и на другие страницы, раскрыв их в редакторе Notepad++ ( или другом подобном) , на статичную страницу page.php. Все файлы php находятся в шаблоне wordpress. То есть, если шаблон находится на локальном сервере Денвер, тогда легче , зашли по адресу Z:homelocalhostwwwblogwp-contentthemesваша установленная тема > перед вами все файлы php, открывайте их (где планируете установить) тестовым редактором типа notepad++ и вставляете код. Если сайт вы уже перенесли на платный хостинг или просто обзавелись доменом и хостингом и там происходит редакция сайта, в таком случае FileZilla через доступ по FTP в правом окне файл менеджера находите www- wp-content-themes — ваша тема и открываете нужный файл, куда хотите устанавливать. В варианте слайдер с картинками на главной вверху, когда в начале последнего поста , то есть самого нового добавляем код
ЧИТАТЬ: Кнопка вверх для сайта
после начала div контейнера или перед циклом loop, когда php начинают идти. В каждом шаблоне по разному, так что потренируетесь и будет вам счастье 🙂 Добавляем код в файл index.php В варианте когда вверху или внизу статичной страницы , тогда в файле (который раскрываем редактором типа notepad++) page.php . Имейте ввиду что у слайдера нет функции -ресайз- он не изменяет изображения логически, а просто их обрезает, если велики, если малы то будут пустые белые области. Значит наши выбранные картинки уже должны быть подготовлены по размеру.
Вид слайдера после установки
Главные настройки
Если поставите No, a Category — подключатся картинки из категорий (рубрик) с анонсом ( 1 предложение) — классная вещь.
Если по умолчанию Yes, Custom — тогда сами грузите картинки. Можно просто загрузить картинки на хостинг в выбранную папку и затем прописать их URL ы.
Например я гружу свои картинки на хостинг по FTP клиенту FileZilla в -www — прописываю там папку отдельно для моих картинок , правой клавишей мыши по полю в правом окне FileZilla создаю папку images1 и загоняю туда все свои картинки. Теперь адрес картинки с названием banner.png и картинки banner2.jpeg в интернете будет такой http://www. домен вашего сайта. ru/images1/banner.png и соответственно banner2.jpg
ЧИТАТЬ: Урок №8 Перенос сайта на хостинг
Эти адреса и прописываем в плагине , сколько картинок столько и адресов, здесь в русской версии плагина 5 картинок
Вариант на главной
Вот такой вид слайдера в моём примере. Теперь вы знаете как установить слайдер на сайт.
Всем пока, до скорого…
PS… Нашёл ещё один плагин, довольно таки неплохой слайдер с ним получается, об этом в следующем посте>>>
Упс… Ошибка 404
Извините, но страница, которую Вы ищете, не существует.
ПоделитьсяTweetПоделитьсяGoogle