Выпуск 21. Установка fGallery
Галерея изображений для WordPress
Сразу скажу, что с галереями всё очень непросто. Проблема заключается в том, что нужно выполнить сразу множество условий:
- логическая организация альбомов,
- возможность описания альбомов и отдельных изображений,
- загрузка файлов,
- администрирование,
- автоматическая навигация,
- автоматическое создание миниатюр.
Плюс ко всему этому необходима интеграция в WordPress, и здесь без подводных камней тоже дело не обходится.
Существует множество плагинов для галерей, но сказать, что среди них есть какая-то простая и эффективная нельзя. Некоторые галереи предлагают упрощенный подход, где картинки можно загрузить по FTP, а галерея сама повторит структуру каталогов в виде альбомов. Другие предлагают лишь имитацию альбомов из уже существующих изображений: вы просто указываете имена файлов - галерея автоматически их группирует.
Существует еще такой класс для работы с изображениями, которые просто расширяют стандартные возможности WordPress. Например позволяют указать class, style и прочие параметры. После этого готовый html-блок добавляется в окно редактора.
Помимо различной функциональности, существует еще сложность самой установки и интеграции в шаблон. Нужно учитывать такие моменты.
Сегодняшний разговор пойдет о плагине fGallery.
Установка fGallery
После того, как вы скачали плагин, необходимо распаковать его (каталог fgallery) в папку plugins.
Создайте в каталоге wp-content специальный каталог для файлов галере fgallery. Установите для него права доступа 777.
Найдите файл wp-content/plugins/fgallery/css/fim_style.css и установите для него права доступа 777.
После этого идем в админ-панель и активируем плагин. У вас должен появиться отдельный пункт меню fGallery.
Настройка fGallery
Переходим в настройки галереи и выставляем нужные опции. У меня возникли проблемы с первой опцией ("использовать премалинки"), поэтому я отключил её. Настройка Resize images (изменять размер) нужна для тех, кто не хочет заботиться о размерах загружаемых файлов, например прямо из фотоаппарата. Эта опция автоматически изменит размер фотографии (размер указывается ниже). Если же вы сами подготавливаете файлы, то отключите эту опцию.
Создаем альбомы
Работает галерея следующим образом: вначале создаются альбомы, в которые нужно загрузить файлы картинок. Поэтому переход на сайте будет такой: альбом -> список изображений -> выбранное изображение.
Для начала работы нужно создать альбомы. Я бы рекомендовал их создавать только на английском языке и без пробелов. Проблема здесь в том, что в самом плагине существует ошибка, которая русские символы будет преобразовывать в url-код (с %). Чтобы этого избежать, создавайте название альбома по-английски, а после этого вы можете перейти в администрирование альбомов и изменить название на русское.
Загружаем изображения
Если предыдущие этапы у вас не вызвали затруднений 
, то теперь можно добавить и файлы изображений.
fGallery поддерживает множественную загрузку файлов, поэтому вначале нужно создать список загрузки, а потом одним махом их загрузить. Делается это очень просто. Выбираем альбом, после этого выбираем файл. Автоматически появится список загрузки (на голубом фоне). После этого выбираем еще один файл и т.д.
После этой процедуры нажимаем кнопку "Загрузить выбранные файлы".
Кроме этого плагин поддерживает загрузку через zip-файл. Для этого вы архивируете нужные файлы, а после указываете альбом, где их разместить. Дальше всё будет сделано автоматически.
После того, как вы загрузили изображения, появится окно с предложением ввести называние картинок и их описание. Думаю, что с этим у вас проблем не возникнет.
Администрирование альбомов и изображений
Когда вы выбираете пункт меню "Manage albums", то увидите табличку с кнопками для редактирования альбома, изображений этого альбома и для его удаления (удаляются все файлы!).
Добавляем галерею к своему сайту
Теперь самое важное и сложное. Нужно подключить отображение галереи на нашем сайте. На сей счет существует несколько подходов, я расскажу о наиболее простом.
Откройте свой шаблон и найдите файл page.php (он служит для отображения постоянных страниц). Сделайте его копию с именем fim_photos.php.
В самом начале этого файла допишите:
<?php /* Template Name: fGallery */ ?>
После этого найдите блок вывода записей. Обычно он начинается с
<?php if (have_posts()) : ...
Вместо него нужно добавить строчку:
<?php echo fim_get_the_content(); ?>
Чтобы вам было проще, привожу полный код файла fim_photos.php для шаблона Default:
<?php /* Template Name: fGallery */ ?> <?php get_header(); ?> <div id="content" class="narrowcolumn"> <?php echo fim_get_the_content(); ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>
После этого в админ-панели создаем постоянную страницу, где в качестве шаблона указываем fGallery.
Предварительная проверка
Для того, чтобы убедиться, что всё у вас работаем, переходим на только что созданную страницу. У вас должны отобразиться созданные альбомы в виде списка. Если же ничего не отображается, значит вы что-то неверно сделали, проверьте ещё раз.
Дополнительный шаблон для отображения альбома
Плагин устроен так, что для отображения изображений он использует еще один файл-шаблон. Пример такого шаблона уже есть: /wp-content/plugins/fgallery/fim_photos.php (для темы Default).
Если вы откроете этот файл, то вверху увидите дополнительный код (перед get_header):
<?php define('FIM', true); ?>
<?php include("../../../wp-blog-header.php"); ?>
<?php require_once("functions/fim_functions.php"); ?>
Соответственно, для того, чтобы подключить уже свой шаблон, вам нужно скопировать свой файл fim_photos.php из каталога своей темы в каталог плагина (старый переименуйте). После этого добавьте в него вышеприведенные строчки.
Окончательная проверка
Если вы все сделали правильно, то теперь у вас должен быть отображен список картинок. Если же на этом этапе у вас выскакивает ошибка, значит вам нужно проверить еще раз добавленные строчки в файл плагина fim_photos.php.
Дополнительная настройка
Если вы "победили" установку галереи, то можно заняться и настройкой оформления. Для этого в настройках плагина в пункте меню "Edit css" вы можете отредактировать стили отображения для своего сайта.
Постоянная ссылка: http://maxsite.org/?p=164
Версия для печати
