Плагин фотогалерея для wordpress. Photo Gallery by Supsystic – бесплатная версия плагина

Приветствую вас, читатели моего блога!

Недавно меня спрашивали как создать галерею изображений на wordpress и я решил записать видео и написать статью на эту тему. Видео выше, статья ниже:)

Галерею мы будем создавать без установки дополнительных плагинов, только средствами движка WordPress.

Как создать галерею на WordPress

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

Я возьму для примера страницу моего тестового сайта и размещу галерею на главной странице. Итак, переходим к редактированию страницы, находим место куда будем размещать нашу галерею и ставим в это место курсор мыши. Далее жмем на кнопку «Добавить медиафайл»

После этого у нас два варианта:

1. Создать галерею из тех изображений, что уже загружены в нашу библиотеку файлов;

2. Загрузить новые файлы.

Т.к. у меня в библиотеке файлов нет, я буду загружать новые, поэтому жмем на кнопку «Загрузить файлы», затем жмем на кнопку «Выберите файлы». Находим на компьютере нужные изображения, выбираем их (можно выделить сразу все) и жмем кнопку «Открыть».

Я подготовил заранее 4 изображения автомобилей.

Наши изображения загрузились. Здесь я выделил цифрами 3 важных момента:

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

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

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

3. Кнопка «Создать новую галерею». После того как все настройки сделаны, вы можете нажать по этой кнопке, чтобы завершить создание галереи.

Настройки галереи на WordPress

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

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

2. Нажимая на крестик над изображением, вы можете исключить его из галереи.

3. Блок с настройками галереи:

Первый параметр в настройках — ссылка. Здесь мы можем указать куда будет перенаправлять посетителя сайта при нажатии на изображение из галереи. Вариант «Страница вложения» я рассматривать не буду — он достаточно редко используется, можете поэкспериментировать самостоятельно.

Нас больше интересует вариант «Медиафайл». Если мы выберем его, то при нажатии по миниатюре из галереи изображений откроется увеличенная копия нашей картинки.

Если поставить вариант «Нет», то при нажатии на изображение ничего происходить не будет.

Второй параметр — количество колонок. Здесь мы можем выбрать сколько колонок будет в нашей галерее. Я не могу сказать какое число нужно выбрать, здесь вам нужно самостоятельно поэкспериментировать и выбрать подходящий для вас вариант. Давайте пока оставим 3, а дальше посмотрим.

Третий параметр — порядок изображений. Здесь все просто: если вы поставите галочку, то изображения будут размещаться в случайном порядке, а не так как вы разместили.

Важный момент! Вы можете менять порядок изображений, просто перетаскивая их мышкой!

Четвертый параметр — размер. Здесь есть 4 варианта: миниатюра, средний, большой и полный. Здесь опять же выбирайте на ваше усмотрение. Обычно размеры «большой» и «полный» не используются. Попробуйте варианты «миниатюра» и «средний» и подберите тот вариант, который вам подходит. Я оставлю вариант «миниатюра».

4. Кнопка «Вставить галерею». После того как все настройки сделаны, нажимаем ее.

Наша галерея разместилась в тексте страницы. Не забудьте после редактирования страницы нажать кнопку «Обновить»

После этого переходим на страницу, которую редактировали и смотрим, что у нас получилось. Галерея готова!

Улучшаем галерею на WordPress

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

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

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

После установки плагина Fancybox обновите страницу с галереей и посмотрите как теперь отображаются изображения при нажатии.

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

Теперь давайте рассмотрим еще один важный вопрос.

Как редактировать галерею на WordPress.

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

Иконка в виде карандаша — это редактирование, нажимаем по ней и переходим к настройкам галереи. Меняем то, что нам нужно и жмем кнопку «Обновить галерею». После этого не забудьте обновить редактируемую запись или страницу. Галерея обновлена.

Вот так легко и просто можно создать галерею на WordPress.

На этом сегодня все. Ставьте «лайки», делитесь с друзьями. Если остались вопросы, пишите в комментариях.

В этой статье мы всесторонне рассмотрим лучшие варианты добавления расширенной галереи изображений на ваш сайт WordPress. Каждый плагин, описанный ниже, предлагает обширный список возможностей и инструментов, которые могут помочь вам добавлять впечатляющие фото галереи на ваш сайт. Будь вы фотограф или блогер, здесь вы найдете плагин на любой вкус.

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

1. Envira Gallery

Плагин Envira Gallery доступен в бесплатной и премиум версии . Бесплатную версию скачали уже более 40 000 пользователей, поскольку это один из самых популярных и доступных плагинов галерей. У Envira Gallery есть drag & drop интерфейс, так что вы можете довольно легко загружать и перемещать свои изображения.

2. Photo Gallery

Photo Gallery - впечатляющий бесплатный плагин, который предлагает множество инструментов и функций. С помощью Photo Gallery вы можете добавлять и редактировать неограниченное количество изображений вашей галереи. Видео из YouTube и Vimeo тоже можно вставить в альбом. Также в наличии большое количество инструментов для редактирования, например: обрезка, переворот и вращение миниатюр изображений. К тому же есть несколько способов просматривать галереи или слайдшоу, так что вы можете выбрать вариант отображения изображений на экране.

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

Photo Gallery можно обновить до профессиональной версии. Купив её, вы получите 15 лайтбокс эффектов, возможность взаимодействовать с разными социальными сетями,а также возможность создания единой галереи для видео и изображений.

3. NextGEN Gallery

Плагин NextGEN Gallery пользуется огромной популярностью, его скачали более 13 миллионов пользователей. Он прост в использовании, загрузке изображений и управлении галереями, благодаря отображению фотографий различными способами.
Все галереи управляются из одной точки на вашей консоли WordPress, так что можно загружать сразу серию изображений и редактировать их вместе либо по отдельности. Эта функция действительно отличная, поскольку помогает вам сохранить драгоценное время. С помощью консоли, к тому же, вы можете добавлять, удалять, поворачивать, менять местами и изменять размер не только изображений, но и миниатюр.

Интерфейс NextGEN Gallery предлагает два основных стиля отображения изображений: галерея миниатюр и слайд-шоу. Оба варианта содержат большое количество инструментов, поэтому вы можете создавать уникальные визуальные эффекты для вашего сайта.

Версия NextGen Pro является мощным апгрейдом, предлагающим, среди прочего, усовершенствованные видео, сетки миниатюр, слайд-шоу и лайтбокс. Это дает вам дополнительный контроль над презентацией визуальных эффектов вашего сайта.

4. Huge-IT Image Gallery

Huge-IT Gallery позволит вам показать свою уникальность, креативность и выделиться из толпы с помощью изображений и галерей на вашем сайте. Этот плагин WordPress предлагает широкий выбор, помогая вам подобрать подходящий стиль для вашего типа сайта и изображений, которые вы публикуете.

Изюминка плагина Huge-IT Gallery заключается в Blog Gallery. С помощью этой функции можно отобразить изображения или видео с заголовками и текстом в разметке блога. Посмотрите демо-версии галерей и выберите понравившуюся.

Как и с выбором галерей, этот плагин предлагает мощные инструменты проектирования и настройки лайтбокса. Он также совместим на 100% с экранами любых размеров, поэтому ваши изображения будут отлично смотреться, независимо от размера экрана пользователя.

5. Gallery by BestWebSoft

Gallery by BestWebSoft позволяет реализовать нужное вам количество галерей. С помощью этого плагина вы можете создать огромное количество альбомов на вашем сайте, каждый с неограниченным количеством фотографий. Если вы собираетесь постоянно публиковать стрим фотографий, этот плагин как раз для вас.

6. Gmedia Gallery

Gmedia Gallery - это не только плагин для создания интересных и элегантных галерей, он также предоставляет возможность управления аудио файлами, тем самым позволяя воспроизводить музыку с вашего сайта. Эти особенности делают Gmedia Gallery идеальным плагином для тех, кто публикует и картинки, и аудио.

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

Итоги

На первый взгляд все эти плагины очень схожи между собой, если не рассматривать подробно их характеристики. Чтобы решить, какой плагин лучше всего вам подходит, попробуйте составить список наиболее полезных функций вашей галереи, а затем сопоставьте их с одним из плагинов. Мы перечислили наилучшие плагины, так что не переживайте, вы останетесь довольны, какой бы вы ни выбрали.

А какие функции плагинов WordPress для галерей изображений важны для вас? Использовали ли вы какой-нибудь из этих или других плагинов? Пожалуйста, поделитесь своим мнением в комментариях.

1. Перейдите в WordPress консоль;

2. Добавьте новую статью и текст к нему;

3.Выберите формат Gallery (галерея) в поле Format (формат) ;

4.С помощью кнопки ‘Add Media ‘ (добавить медиа) загрузите картинки для галереи ;

5. Нажмите на ‘Create Gallery’ (создать галерею). Загрузите все картинки только из жесткого диска! Иначе, на сайте они не будут отображаться.

6. Можно прямо в административной панели обрезать/вращать/редактировать любое изображение. Далее нажмите на ‘Edit image’ (добавить картинку).

7. В самом низу Gallery settings (настройки галереи) можно увидеть какие картинки появятся в посте Галереи

8. Нажмите на ‘Create new gallery’ (создать новую галерею).

9. В Gallery settings (настройки галереи) установите 1 колоночный макет .

10. Нажмите на ‘Insert gallery’ (вставить галерею)

11.Во вкладке ‘Text/Html ’ (текст/Html ) можно удалить шоткод галереи. Он должен выглядеть где-то так:

12. Опубликуйте новый пост галереи . Галерея успешно добавлена.

Здравствуйте, уважаемые читатели блога сайт. Сегодня я хочу поговорить о возможностях и настройках одного из самых популярных плагинов для WordPress — NextGEN Gallery, который, как, наверное, понятно из названия, позволяет вставлять на страницы вашего WP блога различные галереи, отдельные фотографии с возможностью их плавного увеличения, создавать и выводить целые альбомы с изображениями, добавлять к фотографиям водяные знаки, ну, и еще кое-что он может делать, но обо все по порядку.

Вообще, NextGEN Gallery мне довольно сильно напомнил популярное расширение для создания — Phoca Gallery. Он представляет из себя такой же мощный комбайн по удобному формированию и эффектному выводу фотогалерей, но только на страницы WordPress блога, а не на страницы Joomla. Да и водяные знаки он тоже умеет добавлять — пустячок, а приятно.

Возможности плагина NextGEN по выводу галерей в WordPress

Собственно возможностей у плагина NextGEN Gallery довольно много и они сводятся не только к созданию галерей в WordPress, хотя это он делает, на мой взгляд, отменно. Вообще, в полной аналогии с расширением Phoca Gallery для Joomla, он имеет свой собственный демо сайт, где вы сможете оценить все предлагаемые им возможности по выводу фотогалерей, слайдшоу, отдельных изображений, видео и т.д.

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

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

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

Если вы обратили внимание, то сверху приведенного примера написан короткий код для WordPress, вставив который в статью получите именно такой вариант вывода слайд шоу средствами NextGEN Gallery:

[ monoslideshow id=1 w=450 h=350 ]

В этом коротком коде в качестве ID нужно будет указать индивидуальный номер галереи, которую должным будет заранее создать в админке с помощью возможностей плагина (об этом читайте ниже). Также в этом коротком коде указан размер окна слайдшоу по ширине и высоте (не забудьте и свои , хотя бы в FastStone Image Viewer). Точно таким же образом можно вставлять в статьи Вордпресса и другие виды фотогалерей и одиночных изображений.

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

На демо сайте также можете посмотреть, как будет выглядеть галерея, созданная с помощью NextGEN. Причем, при ее выводе могут использоваться различные шаблоны плагина: Caption, Carousel, Example или GalleryView.

Еще этот плагин позволяет выводить на страницы блога не только галереи, но и их список (альбомы). Альбомы могут быть представлены в развернутом и в компактном виде (показан внизу страницы демо сайта). Там же приведены короткие коды для вывода списков фотогалерей (альбомов), которые отличаются только значением переменной «template».

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

Также у него имеется возможность создания галерей для просмотра по одной фотографии на странице. При этом возможен как простой вариант показа (Image Browser), так и вариант с отображением специальной информации по данному изображению (Exif support).

Если вам понадобится задать индивидуальные настройки для галерей NextGEN, выводимых на отдельных страницах блога (эти настойки будут отличаться от общих настроек плагина), то можете воспользоваться возможностями произвольных полей (Custom Fields), которые вы заполняются при написании или редактировании статьи.

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

Установка и русификация плагина NextGEN Gallery

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

Скачать NextGEN Gallery вы можете с официальной страницы — . Установка его ничем не отличается от традиционной. Распакуйте скачанный архив «nextgen-gallery.zip» и скопируйте полученную папку в этот каталог:

/wp-content/plugins/

Для подключения к своему блогу по FTP я советую пользоваться FileZilla, которая подробно описана , ибо программа удобна, проста и надежна. Потом вам нужно будет зайти в админку WordPress, перейти на вкладку «Плагины» — «Неактивные» и найти NextGEN. Нажмите по ссылке «Активировать» под его названием.

В админке в самом низу левой колонки меню у вас появится новая область под названием «Галерея» или «Gallery», если плагин не был автоматически русифицирован. Во-втором случае, для того чтобы получить русский интерфейс, вам нужно скачать русский перевод (файл nggallery-ru_RU.mo"). После этого подключитесь к вашему блогу по FTP и загрузите этот файлик русификации в папку:

/wp-content/plugins/nextgen-gallery/lang

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

Добавление картинок и создание фотогалерей в WordPress

Как я уже упоминал чуть выше, туда вы сможете попасть из самого низа левого меню админки Вордпресса:

Возможностей там довольно много, но начнем мы, пожалуй, с добавления фотогалерей или изображений, которые затем сможете с помощью коротких кодов выводить в любых статьях своего блога. Для этого нам понадобится выбрать из меню админки пункт «Добавить галерею / изображения».

На первой вкладке «Добавить новую галерею» вам необходимо вписать в поле «Новая» ее будущее название. Его следует писать на латинице (лучше транслитом), а в случае, если у вас еще не создана соответствующая папка «wp-content/gallery/», то вам нужно создать ее, например, при помощи все той же программы FileZilla и обязательно установить с помощью этого FTP клиент , разрешающие запись и удаление информации из нее.

Если папка «wp-content/gallery/» у вас успешно была создана и имела права доступ 777, то плагин NextGEN Gallery отрапортует об успешном добавлении первой галереи с ID=1 и там же будет приведен короткий код (shortcode) для ее вывода на страницы блога:

Gallery ID 1 successfully created. You can show this gallery in your post or page with the shortcode

А если вы загляните через FileZilla в папку «wp-content/gallery/», то обнаружите внутри новую папку с тем названием, которое вы дали новой фотогалереи (именно поэтому я рекомендовал набирать ее название на латинице).

После создания новой галереи в настройках NextGEN Gallery вас перебросит на вкладку «Загрузить изображения», где вы сможете выбрать из выпадающего списка название фотогалереи, в которую будут добавлены загружаемые вами картинки, а затем нажать на кнопку «Обзор» и выбрать на своем компьютере одно или несколько фото (для их выделения удерживайте Shift или Ctrl на клавиатуре).

Для их загрузки нужно будет нажать на кнопку «Загрузить изображения»:

В результате вы увидите окно, в котором наглядно показан процесс загрузки выбранных вами фотографий на сервер вашего блога, а так же одновременно с загрузкой плагин создаст превьюшки этих фото, которые вы в случае необходимости сможете отредактировать в его настройках. Физически файлы превьюшек будут дислоцироваться по следующему пути «/wp-content/gallery/название/thumbs».

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

Хотя вы можете, например, заранее подготовить на своем компьютере папку с нужными изображениями для будущей фотогалереи и упаковать ее в Zip архив , который потом можно залить на сервер на вкладке «Загрузить Zip-файл» (где Zip архив автоматически распакуется). Неплохой вариант.

Размеры превьюшек можете изменить в настройках NextGEN, пройдя по следующему пути: «Настройки» — «Тамбнейлы». Задать размер для больших изображений (тех, которые будут открываться при щелчке по превьюшке) вы сможете на вкладке «Изображения». Вообще, покопайтесь — найдете там много интересного.

Например, на вкладке «Водяной знак» вы можете настроить на все фотографии той или иной галереи. Его можно задать в виде графического файла, указав до него путь или же просто набрав текст в соответствующем поле, выбрав тип и размер шрифта.

Позицию водяного знака на изображениях фотогалереи можно задать в области «Предварительный просмотр»:

Теперь давайте зайдем в настройки только что созданной нами Gallery.

Раз уж мы начали говорить о добавлении водяных знаков, то следует упомянуть о том, что для этого нужно будет поставить галочки напротив нужных фоток, выбрать из выпадающего списка вариант «Установить водяной знак» и нажать на кнопку «Применить». После этого превьюшки всех выделенных вами изображений, принадлежащих NextGEN, будут пересозданы с добавлением в них нужной надписи или логотипа.

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

Для того, чтобы изображения вашей галереи для WordPress могли бы , вам нужно будет добавить для каждого фото в столбце «Alt & Title текст / Описание» в верхнее поле так называемый ). В нижнее поле вы можете ввести описание к фотографии, которое будет отображаться при просмотре ее полноразмерного варианта.

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

NextGEN — вставляем в статьи галереи, слайдшоу и фото

У меня в WordPress, к сожалению, не работает визуальный редактор, поэтому не могу сделать скриншоты, поясняющие процесс добавления фотогалереи, слайдшоу, альбома или отдельного фото в статью. Но суть этого действа довольно проста.

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

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

В том месте окна ввода текста, где у вас стоял курсор, появится короткий код плагина NextGEN, который и будет формировать галерею или слайдшоу в этой статье. В общем-то, можно обойтись и без визуального редактора. При этом достаточно лишь вставлять вручную в нужное место текста статьи короткий код и прописывать для него нужные параметры. На первый взгляд может показаться сложным, но со временем вы очень быстро к этому привыкните.

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

Для вставки слайдшоу на страницы WordPress блога возможно использовать следующий короткий код плагина NextGEN:

Здесь в переменной ID вы указываете идентификатор нужной галереи с фотографиями, созданной вами ранее.

Для вывода альбомов нужно будет использовать следующий код:

или в компактном виде:

1. Для вставки галереи в WordPress понадобится прописать следующий короткий код:

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

или такого кода для вывода картинки с водяным знаком:

[ singlepic id=12 w=320 h=260 mode=watermark ]

2. Для вывода в Вордпресс галереи с одной картинкой на странице пропишите в тексте следующий код:
3. Каждой фотогалереи и изображению в настройках плагина есть возможность прописать определенные теги, на основе которых затем, например, можно вывести облако тегов или галерею с помощью данных тегов:

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

Вам может быть интересно

Simple Counters и Category and Page Icons - красивые счетчики RSS и Twitter, а так же иконки для категорий и страниц в WordPress
Comment Toolbar - добавляем в комментарии WordPress возможность ответа и цитирования
Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map)
Подсветка кода и кнопки форматирования комментариев в WordPress - SyntaxHighlighter и Comment Form
Google XML Sitemaps - создание карты сайта для WordPress Как в плагине Yet Another Related Posts убрать прозрачный пиксель http://yarpp.org/pixels и изменить надпись Похожие материалы

Вот такая, простая на первый взгляд, тема у нас сегодня — о стандартной галерее WordPress. Как ни странно может показаться, но некоторые пользователи умудряются вести не первый день свой блог, использовать там картинки, но при этом не знают о существовании такого удобнейшего инструмента как обычная WordPress галерея.

Есть так же пользователи которые о галерее знают, но упорно предпочитают использовать навороченные плагины типа NextGen и подобных, использование которых во многих случаях явно себя не оправдывает. А ведь стандартная галерея WordPress вполне может стать самодостаточной на большинстве блогов. Особенно, если её малость усовершенствовать. Но давайте по порядку. Сначала для новичков.

Как создать стандартную галерею WordPress?

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

Загружаем нужные нам картинки или выбираем из вашей медиа библиотеки уже загруженные ранее.

Справа, внизу кликаем на большую красную кнопку — Создать новую галерею и переходим в окно для её редактирования. Справа будет раздел с настройками. Тут стоит указать как должны работать ссылки на изображения. Обязательно переключите на — Медиафайл . Иначе картинки будут открываться в страницах вложения, что не особо удобно.

Укажите так же количество колонок для вывода и отметьте чекбокс — Случайный порядок если хотите, что бы картинки менялись местами при каждой загрузке поста или страницы с вашей галереей. Размер — как правило оставляют по умолчанию — Миниатюра .

Тут же можете подписать каждую картинку. Читатели увидят подпись под миниатюрами.

Кликаем на кнопку — Вставить галерею , всё там же, внизу справа.

Если переключится в редакторе на текстовый режим будет видно шорткод который создала WordPress для галереи. Например, вот такой:

В нашем случае, список номеров это ID картинок из которых состоит галерея.

Галерея готова и вставлена в нужном месте. Все просто, как видите. Недостатком стандартной галереи WordPress можно считать привязку к определенной странице или посту. Другими словами, быстро добавить сделанную когда-то давно галерею еще раз, но в другом месте, не получится. Придется либо искать и копировать шорткод с того места где галерея была уже размещена ранее, либо искать картинки по номерам ID для вставки в шорткод в вашей медиа библиотеке.

Как найти ID нужной картинки?

Самый просто, но не очень удобный способ это перейти в вашу медиа библиотеку, переключить её в режим списка, навести курсор на картинку и посмотреть внизу, в тултипе нужный номер. Это и будет ID выбранного изображения.

Но гораздо удобнее — установить замечательный плагин Reveal IDs который будет постоянно выводить не только ID изображений, но так же записей, страниц, категорий, юзеров, комментариев. Это может очень пригодится вам и в будущем.

В сети можно найти способы выводить список ID картинок в админке просто добавив кусок кода в шаблон. Например, вот так:

Function column_id($columns) { $columns["colID"] = __("ID"); return $columns; } add_filter("manage_media_columns", "column_id"); function column_id_row($columnName, $columnID){ if($columnName == "colID"){ echo $columnID; } } add_filter("manage_media_custom_column", "column_id_row", 10, 2);

Но я не советую курочить лишний раз файлы вашего WP шаблона. Лучше установите вышеописанный плагин.

А если я хочу красивую галерею?

Если вы хотите, что бы картинки в вашей галере выводились эффектно с помощью популярного скрипта Lightbox, рекомендую установить небольшой и легкий плагин — EWSEL Lightbox For Galleries . Он имеет минимум настроек (вернее сказать, только одну — выбор темы оформления) и сделает все ваши галереи с красивым эффектом отображения во всплывающем окне.

Для того, что бы получит подобный эффект не только у галерей, но и у отдельных картинок, следует каждую «обертывать» вот в такой код:

Разумеется, путь до картинки в коде нужно вставить свой.

Надеюсь, новички получили полезную информацию о том как создавать и настраивать стандартную галерею WorPress. Тем пользователям которые уже используют отдельные, мощные плагины — галереи стоит задуматься — а надо ли?

Но конечно, если вы матерый фотомастер или художник и многочисленные галереи — ваш основной контент, или вы делаете крутой корпоративный сайт где важны внешние эффекты в первую очередь, то стоит обратить самое пристальное внимание на вот нашего сайта.