Галерея на WordPress

Галерея на WordPress

Галерея на WordPress создается стандартными средствами движка. Как выглядит галерея? Главная страница галереи – это список альбомов с миниатюрами обложек. Кликая по альбому, мы его открываем и видим миниатюры фотографий или картинок, нажав на которые, они открываются крупным планом. Именно такую галерею мы сейчас и научимся делать.

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

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

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

Решаем первую проблему.

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

В режиме редактирования нажимаем кнопку Добавить медиафайл.

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

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

Теперь осталось только опубликовать вашу страницу. Нажмите на кнопку Опубликовать справа. Посмотрите теперь как выглядит ваша страница с картинками. Миниатюры размещены ровно, в таблице. И нам не пришлось использовать для этого html-код.

Решаем вторую проблему.

Нажмите на одну из миниатюр только что созданного вами альбома. Картинка открылась на новой странице и кроме картинки на этой странице ничего нет. Некрасиво? Согласен. Давайте исправлять.

Проблему решить нам поможет простой замечательный плагин FancyBox for WP. После его установки, все картинки начнут открываться в специальном окне, в котором есть функция перелистывания.

В админке своего сайта идем в раздел Плагины и жмем Добавить плагин. В строке поиска плагинов пишем FancyBox for WP и жмем кнопку Искать плагины.

В списке найденных плагинов наш плагин должен быть первым. Устанавливаем его.

Активируем.

Вообще процедура закончена. Теперь у вас все изображения должны открываться в красивом всплывающем окне с функцией перелистывания. Но часто бывает, что после активации плагин не начинает работать. Тогда нужно сбросить все его настройки. Для этого в списке установленных плагинов ищем FancyBox for WordPress и нажимаем на ссылку Settings.

Здесь посередине экрана находим светлую кнопку Revert to defaults и смело жмем на нее.

Готово. Теперь посмотрите как просматриваются изображения на странице. На мой взгляд отлично! А как вам?

Можете еще покопаться в настройках, и настроить плагин так, как вам нравится. Но можно этого и не делать. Плагин все равно будет работать.


Карта сайта


Информационный сайт Webavtocat.ru