Плагин Featured Content Gallery для WordPress

Плагин Featured Content Gallery предназначен для организации показа слайдов в баннере. Плагин устроен так, что каждый слайд является ссылкой на определенный пост. Таким образом можно организовать показ баннера со слайдами, которые ссылаются на определенные посты в блоге. К примеру, слайды на избранные посты блога.
fcg

Так выглядит баннер, в котором отображаются слайды

Скачать плагин можно на официальном сайте http://www.featuredcontentgallery.com. Для установки, нужно распаковать архив с плагином, загрузить, распакованный архив в папку /wp-content/plugins на сервере, после чего в админке активировать плагин.
Для того чтобы баннер появился на странице, нужно в том месте в теме, где вы бы хотели отобразить баннер, вставить код

<?php include (ABSPATH .
'/wp-content/plugins/featured-content-gallery/gallery.php'); ?>

Теперь в этом месте будет расположен баннер.
В админке, в разделе Настройки->Featured Content Gallery можно настроить общие параметры баннера. Все настройки разбиты на группы.
В группе Featured Content Selection можно задать посты, для которых будут отображаться слайды в баннере.
fcg_selection
Для того чтобы указать категорию, для постов которой будут созданы слайды в баннере, нужно выбрать Select here to use category selection и вписать наименование категории в поле Category Name. В этом случае можно указать количество постов, для которых будут созданы слайды, в поле Number of Item to Display.
Если нужно указать отдельные посты, то нужно выбрать Select here to use individual post or page IDs. В этом случае в поле Post or PageIDs нужно указать идентификаторы страниц, разделенные запятой.
В группе Gallery Style задаются настройки размера и цвета баннера.
fcg_style
Вводим ширину баннера в поле Gallery Width, высоту в поле Gallery Height, высоту текстового блока можно задать в поле Text Overlay.
Также здесь можно настроить Gallery Border Color – цвет рамки, Gallery Background Color – цвет фона, Gallery Text Color – цвет текста.
В группе Slide Transition Times and Other Options можно настроить время смены слайдов и некоторые другие опции.

fcg_transition
В поле Slide Display Duration можно указать время отображения слайда в миллисекундах, в поле Slide Fade Duration указывается время, за которое будет происходить смена слайдов. В поле Carousel Button Name указывается имя кнопки, которая будет расположена в правом верхнем углу баннера. При нажатии на эту кнопку отобразится список всех слайдов баннера. В поле Number of Words in Text Overlay указывается количество слов в текстовом блоке баннера.
В группе Slide Transition Type указывается тип анимации при смене слайдов.

fcg_tts
По умолчанию установлен тип Simple Fade. В этом случае слайды будут растворяться друг в друге.
Если выбрать тип Continuous Horizontal, то слайды будут наезжать один на другой слева на право.
Если выбрать тип Slide Left with Fade, то слайды будут наезжать друг на друга справа на лево, при этом предыдущий слайд будет растворяться.
Если выбрать тип Continuous Vertical, то слайды будут наезжать друг на друга сверху вниз.
Теперь приступим к настройке рисунков и текста для слайдов. Важно понимать, что слайд является ссылкой на какой-либо пост или страницу. Поэтому настройка рисунков и текста для слайда происходит при редактировании поста или страницы.

post1
Для добавления слайда, нужно добавить Произвольные поля. Для добавления нужно нажать на ссылку Добавить новое. При этом появится поле ввода, в которое нужно ввести имя поля, а в поле Значение нужно ввести значение этого произвольного поля.
Для успешного добавления слайда нужно добавить следующие произвольные поля:

  • articleimg – в это поле нужно вставить ссылку на рисунок, который будет отображаться в слайде;
  • featuredtext – в это поле нужно вписать текст, который будет отображаться вместе со слайдом;
  • thumbnailimg – в это поле нужно вставить ссылку на уменьшенный рисунок слайда. Этот рисунок будет отображаться в списке слайдов, который отображается при нажатии на кнопку в правом верхнем углу баннера.

После сохранения всех произвольных полей, нужно перейти в Настройки->Featured Content Gallery и вписать идентификатор страницы, в которой вы добавили произвольные поля, в группе Featured Content Selection.
Для отображения баннера, слайдов должно быть как минимум два.

Популярность: 14%


Интересное из других блогов:

2leep.com

И не забывайте комментировать статью.

Добавляйся в группу во вконтакте, чтобы самым первым узнавать все новости сайта

Отзывов: 30 на «Плагин Featured Content Gallery для WordPress»

  1. Автор: Дмитрий, 15 февраля 2010 в 15:52

    использует Opera 9.24 Opera 9.24 на Windows XP Windows XP

    А как настроить этот плагин так , чтобы он отображал 2 категории сразу , а не одну ?

    • Автор: web-junior, 15 февраля 2010 в 16:06

      использует Firefox 3.5.7 Firefox 3.5.7 на Windows XP Windows XP

      К сожалению, этот плагин может отображать посты только из одной категории. Если вам нужно отобразить посты из разных категорий, то используйте опцию Select here to use individual post or page IDs. В поле Post or PageIDs укажите через запятую идентификаторы всех страниц, которые нужно отобразить.

  2. Автор: Дмитрий, 15 февраля 2010 в 16:23

    использует Opera 9.64 Opera 9.64 на Windows Server 2003 Windows Server 2003

    У меня стоит тема Revolution, для которых рекомендуют ставить длину 600, а ширину 400, но картинки у меня размера 300 на 300. Будет ли это нормально выглядеть ? Или нужно будет поставить 600 на 300?

    • Автор: web-junior, 15 февраля 2010 в 17:05

      использует Firefox 3.5.7 Firefox 3.5.7 на Windows XP Windows XP

      рисунки желательно ставить такими, какой ширины и высоты сам баннер, поскольку плагин рисунки не растягивает. По-крайней мере в ФФ, рисунки оставались без изменений.

  3. Автор: дмитрий, 16 февраля 2010 в 17:19

    использует Opera 9.64 Opera 9.64 на Windows Server 2003 Windows Server 2003

    А можно анст роить , чтобы отображались т ольеко анонся. то есть картинки 100 на 100, а то у меня получается галерея не очень аккуратно, когла делаю 300 на 300 ?

    • Автор: web-junior, 16 февраля 2010 в 17:38

      использует Firefox 3.5.7 Firefox 3.5.7 на Windows XP Windows XP

      Все настройки плагина описаны в статье. Если такой настройки нет в описании, то плагин не поддерживает такую функциональность.

  4. Автор: Alexgeorg, 26 марта 2010 в 14:39

    использует Internet Explorer 8.0 Internet Explorer 8.0 на Windows XP Windows XP

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

    • Автор: web-junior, 26 марта 2010 в 15:12

      использует Firefox 3.5.8 Firefox 3.5.8 на Windows XP Windows XP

      Дело в том, что тема в WP разделена на несколько файлов. Каждый отдельный файл подключается только при отображении определенных страниц. Список всех файлов, которые подключаются при отображении определенной страницы можно увидеть на этой странице.
      Поняв, какой файл вам нужно редактировать, заходите в админку, в раздел Внешний вид->Редактор, выбираете тему и вставляете указанный код в нужном месте, не забыв сохранить файл.
      Также можно отредактировать файл по фтп. Темы находятся в папке /wp-contents/themes/имя_темы

  5. Автор: Alexgeorg, 26 марта 2010 в 19:53

    использует Internet Explorer 6.0 Internet Explorer 6.0 на Windows XP Windows XP

    Спасибо за оперативный ответ. Буду изучать. Во время я попал на Ваш сайт. Для меня здесь много полезной и главное доступной информации. Будут вопросы. а они будут, соответственно, буду терзать Вас.

    • Автор: web-junior, 26 марта 2010 в 20:35

      использует Firefox 3.5.8 Firefox 3.5.8 на Windows XP Windows XP

      Заходите еще. Я обещаю приложить все усилия, чтобы максимально доступно и оперативно ответить на все Ваши вопросы.

      • Автор: OlA, 27 марта 2010 в 00:06

        использует Firefox 3.6 Firefox 3.6 на Windows XP Windows XP

        Здравствуйте
        И всё же, не могли бы вы указать в какой именно файл надо вставить строку

        для того чтобы в слайдерах в центре и в сайдбаре появились картинки????

        Привожу список файлов, прилагаемых к теме Скарлетт. Пожалуйста, если вам доводилось устанавливать слайдер на этой теме, вы с легкостью сможете выбрать нужный файл. :
        * ad1.php (ad1.php)
        * bottom.php (bottom.php)
        * controlpanel.php (controlpanel.php)
        * featlist.php (featlist.php)
        * headbanner.php (headbanner.php)
        * sidebar1.php (sidebar1.php)
        * sidebar2.php (sidebar2.php)
        * sidebar3.php (sidebar3.php)
        * slide.php (slide.php)
        * sponsors.php (sponsors.php)
        * tab.php (tab.php)
        * timthumb.php (timthumb.php)
        * topad.php (topad.php)
        * Архивы (archive.php)
        * Боковая колонка (sidebar.php)
        * Заголовок (header.php)
        * Комментарии (comments.php)
        * Одна запись (single.php)
        * Основной шаблон (index.php)
        * Подвал (footer.php)
        * Результаты поиска (search.php)
        * Форма поиска (searchform.php)
        * Функции темы (functions.php)
        * Шаблон ошибки 404 (404.php)
        * Шаблон страницы (page.php)

        Стили

        * banner.css (banner.css)
        * featlist.css (featlist.css)
        * tabs.css (tabs.css)
        * Список стилей (style.css)

        Буду ждать с нетерпением ваш ответ.

        • Автор: web-junior, 27 марта 2010 в 10:28

          использует Firefox 3.5.8 Firefox 3.5.8 на Windows XP Windows XP

          Здравствуйте
          Если вы хотите разместить эту галерею вместо или вместе со слайдерами под шапкой на главной, то вам нужно редактировать файл slide.php.
          С сайдбаром немного сложнее. В формировании сайдбара учавствуют целых 7 файлов.
          sidebar.php
          featlist.php
          tab.php
          sponsors.php
          sidebar3.php
          sidebar2.php
          sidebar1.php

          Хочу заметить, что плагин Featured Content Gallery не предназначен для работы множества галерей на одной и той же странице. Это значит, что две галереи на одной странице работать не будут. Нужно серьёзно править плагин.

  6. Автор: Дмитрий, 2 апреля 2010 в 00:30

    использует Firefox 3.5.2 Firefox 3.5.2 на Windows XP Windows XP

    у меня галерея очень сильно грузит сайт , как бы мне разгрузить, может уменьшить пазмер изображения или увеличить время показа ?

    • Автор: web-junior, 2 апреля 2010 в 13:35

      использует Firefox 3.5.8 Firefox 3.5.8 на Windows XP Windows XP

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

      • Автор: дмитрий, 2 апреля 2010 в 14:56

        использует Firefox 3.5.9 Firefox 3.5.9 на Windows Server 2003 Windows Server 2003

        А количесnво картинок влияет на нагрузку сайта. у меня так получилось , что поставил в слайдер 25 картинок загрузка главной страницы сайта стала 25 секунд. Вчера попробовал вообще сделать очень маленькие – 588 на 200 и всего 2 картинки, сайт загрузился за 4 секунды, но получились очень маленькие картинки и смотрится плохо . Не знаю какой оптимальный вариант .

        • Автор: web-junior, 2 апреля 2010 в 18:27

          использует Firefox 3.5.8 Firefox 3.5.8 на Windows XP Windows XP

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

RSS-лента комментариев. Адрес для трекбека

Трэкбэки и пинги:

Ваш отзыв

Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Нажимая на кнопку "Добавить" вы принимаете правила комментирования