WP-THEME.EU

Темы для WordPress европейского качества

Создание слайд-шоу в WordPress

Часть I: Featured Content Gallery

Основные способы создания «карусели»

Создание тем класса «Premium» как-то автоматически привело к тому, что хочется создать и слайд-шоу для картинок в виде карусели. Желательно для определенных постов и желательно с удобным функционалом.

Потратив пару вечеров на изучение темы, выяснил, что создавать «карусель» можно несколькими различными способами. Мы с Вами разберём два основных:

  1. Создание карусели с плагином «Featured Content Gallery»
  2. Создание карусели с помощью библиотеки «jQuery»


Сегодня мы разберём вариант #1:

Featured Content Gallery

Создание галереи этим плагином просто и не требует никаких дополнительных знаний.

Подогнать и настроить галерею под собственные нужды не представляет совершенно никакой проблемы и функционирует напрямую из администрационной панели WordPress: Консоль / Параметры / Featured Content Gallery

Чтобы запустить галерею, проходим следующие несколько шагов:

  •         Закачиваем архив плагина на Ваш компьютер здесь: featured-content-gallery
  •         Загружаем плагин в директорию плагинов Вашего WordPress
  •         Активируем плагин
  •         Переходим к установкам плагина: Консоль / Параметры / FeaturedContent Gallery

Основные установки галереи

Выбор рубрики и количество записей

  • Заходим в админку галереи и выбираем категорию, графики и посты которой будут отображаться в «карусели».
  • В примере на фотографии это категория «New», количество выводимых постов: 5.
  • Далее устанавливам ширину (в примере 400 пикселей), высоту (300 пикселей) и высота текста поверх графика (100 пикселей).
  • Справа видим установки для цвета границы,  заднего фона и текста. Меняем на свои. В примере это светло-серый, темно-серый и белый.

Вносить дальнейшие изменения в скорости вращения и смены картинок сначала не нужно.

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

  •    Оглавляем надпись над галереей справа, в примере это «Последние новости»
  •    И добавляем количество слов в текст поверх графика, в примере 75 слов

Создать слайд-шоу для вордпресс просто.

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

Статьи выводимые в карусель, нужно обрабатывать через произвольные поля. А именно:

В произвольное поле «Имя» добавляем articleimg, а в поле «Значение» вносим прямой путь к Вашему графику. Например: http://www.wash-site.ru/papka-s-foto/foto.jpg

Минимальное количество выводимых статей: 2.

Расположение слайдера

Последний штрих — это непосредственное расположение Вашей галереи/карусели там, где Вы этого желаете.

Классический вариант: главная страница Вашей темы, и если это WordPress, то в шаблоне, как правило, она обoзначена как index.php.

Код для вставки:


Повторюсь: код Вы можете вставлять где угодно и как угодно, но соблюдайте размеры.

Вопросы по плагину

Все вопросы по использованию плагина Вы можете задать на сайте разработчика www.featuredcontentgallery.com или же прямо тут, на WP-Theme.eu — я буду  рад помочь Вам!

Дальнейшее (видо)изменение карусели возможно, но требуется вникание во внутренние файлы — мы займёмси этим в следующих частях.

Следите за обновлениями!

Русская версия плагина

Обещанная русская версия плагина готова. Скачать можно прямо отсюда ;)

DownloadСкачать русскую версию featured-content-gallery

С Уважением

РГ, автор сайта  WP-Theme.eu

P.S.: В следующем выпуске мы рассмотрим создание и обработку слайдера с помощью одного очень интересного плагина — подробнее тут…

2 комментария: Создание слайд-шоу в WordPress

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *