Всем привет! Сегодня я открываю рубрику по WordPress"у и начну с наиболее частого вопроса – галерей. Качественные плагины хороши тем, что их также можно использовать как каталог товаров в случаях, когда совсем не нужен интернет-магазин.
Для WP я в своё время искал плагины и перебирал всякие разные из них. Как-то раз я наткнулся на DatsoGallery для Joomla, посмотрел её в работе и в целом оно мне понравилось. Я решил найти что-то похожее на WordPress и в итоге оказался приятно удивлён NextGen Gallery, которая, вероятно, по некоторым пунктам даже лучше той самой датсо.
- Удобный загрузчик изображений и возможность загружать фотки в архивах.
- Возможность сжимать загружаемые изображения, и создавать миниатюры к ним, задавая качество, соотношение сторон и т.д. Если нужно срочно сменить все миниатюры – опять же пакетно их по-быстрому изменим.
- Возможность добавлять ватермарки на изображение, как текстовые, так и графические.
- На выбор встроены скрипты Thickbox, Lightbox (на jQuery) и Highslide. При этом очень легко можно встроить любой другой скрипт, если эти по каким-либо причинам не устраивают.
Вполне удобная и разноплановая сортировка галерей по альбомам, и сортировка изображений непосредственно в галерее. Что хотим, то и получаем.
Гибкая настройка внешнего вида. Во-первых, есть несколько готовых стилей CSS, а во-вторых – если дружите с html и php, то можете отредактировать шаблоны как душе угодно.
Нет проблем с локализацией (на 15 языках официально).
И это не говоря об управлении доступом к редактированию и добавлению изображений, наличии слайдшоу на флэше, поддержки тегов для изображений, наличии ЧПУ и пр., а также о всяких разных надстройках, которые блуждают по всемирной паутине.
Среди обнаруженных принципиальных минусов могу отметить следующие:
Что касается плагина и полезных ссылок для него:
И напоследок кратко о применении плагина. По последней ссылке, конечно, можно посмотреть всё вживую, но всё таки придётся там побегать по страницам, так что кратенько – вуаля:
- Вывод альбомов происходит следующим образом:
Или
где X – id альбома, а вариант вывода template позволяет отображать вложенные альбомы компактно или расширенно () .
- Вывод галерей:
- Вывод одиночного изображения:
где X – id изображения, h и w – высота и ширина, mode – дополнительная плюшка на изображение, принимает два значения watermark (добавляет ватермарку на изображение) и web20 (добавляет эффект отражения в зеркале) (
Доброе время суток!
В сегодняшнем посте рассмотрим такой вопрос, как реализовать на сайте (блоге) галерею изображений с помощью плагина nextgen gallery ну и конечно разберемся со всеми тонкостями его настроек — это размещения галереи изображений в статьях, страницах, рубриках, установка водяного знака на изображения и множество других параметров.
Итак, ниже вы можете увидеть, как будет отображаться галерея изображений на вашем сайте.
Клик для увеличения
Настройка плагина nextgen gallery
Пункт установки и активации плагина пропускаю, думаю, вы не впервые устанавливаете плагины WP, а если призабыли, тогда вспоминаем .
После установки в админ. панели WP появится новый пункт «Галерея» с 7 пунктами, пронумерованы на скриншоте ниже.
1. пропускаем там статистические данные сколько создано галерей и альбомов.
2. «Добавить галерею/Изображения»
Клик для увеличения
- 1 – создать новую галерею – данный пункт будет установлен по умолчанию.
- 2 – указываем свое название галереи – к примеру: Корсеты2.
- 3 – переходим Add Files – откроется окно выбираем свои
заранее.заготовленные изображения, картинки. - 4 – открыть.
- 5 – список загруженных изображений.
- 6 – Start Upload – загрузка изображений в созданную галерею.
3.
Управления галереями – в данном пункте будут отображаться созданные галереи и их информация (id, название, количество изображений, ).
Также в данном пункте устанавливается водяной знак той или иной галереи.
Клик для увеличения
- 1 – выбираем действие.
- 2 — отмечаем id.
- 3 – выбираем поставить водяной знак nextgen gallery.
- 4- применить.
4. Управления альбомами — после создания и выбора альбома ниже, вы можете перетащить галерею или другой альбом в ваш новый альбом.
5. Теги – правка, изменение или задать новые теги изображениям.
6.
Настройка галереи – здесь задаются основные требования для вашей галереи изображений при настройки плагина nextgen gallery – это раздел можно считать одним из основных, итак, что здесь будет
7 пунктов
Клик для увеличения
п. 1 NextGEN Basic Thumbnails — основных миниатюр
Клик для увеличения
К примеру: зададим 3 изображения на страницу и 3 в ряд получим
Клик для увеличения
п. 2
NextGEN Basic Slideshow — слайд-шоу
здесь можно задать максимальный размер изображения (параметры 600 на 400 вполне нормальные) но можно и поэкспериментировать.
п. 3
NextGEN Basic imageBrowser — изображения в браузере.
Также можно оставить по умолчанию (Переключение страниц через AJAX)
п. 4
NextGEN Basic Single Pic — одиночное
здесь отмечаем п. 1, п. 2 и п. 3 отмечены на скриншоте
Клик для увеличения
обратите внимание на п. 2 показывать водяной знак (который подключается к галереи в Управлении галереи ).
п. 5 NextGEN Basic TagCloud — облако тегов.
максимальное количество тегов — по умолчанию стоит 45 — можно ничего не менять.
п. 6 NextGEN Basic Compact Album — компактный альбом.
п. 7 NextGEN Basic Extended Album — расширенный альбом.
Можно оставить по умолчанию с самого названия уже должно быть вам видно что они предназначены для альбомов, если будите создавать альбомы тогда можно их настроить указав сколько галерей отображать в альбоме и т.д.
7. Прочие настройки — здесь задаются основные настройки всему плагину в данном пункте 8 подпунктов.
Клик для увеличения
Здесь основное внимание хочу обратить на пункт 3 эффекты Lightbox и 4 водяной знак
.
3 — эффекты Lightbox здесь два пункта.
Пункт 1. Выбор эффекта — их там 5, при установки того или иного эффекта изображения будут переключаться для просмотра по-разному. Пример, трех показан на скриншоте
Клик для увеличения
по тестируйте подберите свой эффект переключения изображений.
Пункт 2 . Позволяет выбрать область применения — можно выбрать для всех изображений которые у вас есть на сайте или только для этого плагина.
4. водяной знак — здесь настраиваем свой , можно надпись, или картинку.
Как разместить галерею изображений на странице
Для этого необходимо разместить шорткод на странице где вы собираетесь отобразить галерею
миниатюра галерей
Описание
NextGEN Gallery – плагин, который предлагает гибкую систему создания, управления и отображения галереи.
Полное название в поиске: NextGEN Gallery
Установка:
Автоматическая:
- Перейдите на админ-панель и выберите Плагины -> Добавить новый.
- В поиске наберите»NextGEN Gallery».
- Нажмите кнопку Установить.
- Нажмите кнопку Активировать.
Ручная:
- Перейдите по ссылке http://wordpress.org/plugins/nextgen-gallery/
- Скачайте последнюю версию «NextGEN Gallery».
- Разархивируйте файл в папку плагинов WordPress.
- Активируйте плагин на сайте.
Работа с плагином
Так как плагин предоставляет огромные возможности по созданию галереи и на описание всего плагина может уйти небольшая книжка, мы рассмотрим лишь создание простейшей галереи. Разобраться в остальных функциях не составит труда если вы обладаете минимальными знаниями английского языка.
После установки плагина в админ-панели появляется пункт Gallery (рис. 1).
В плагине 8 разделов (рис.2).
Все эти разделы предоставляют гибкие возможности по настройке вашей галереи, но мы их по умолчанию рассматривать не будем, а перейдем непосредственно к созданию простейшей галереи.
Галерею будем создавать на новой странице, создание галереи в записи происходит аналогично. Итак выбираем пункт «Добавить новую страницу», вводим название страницы «Gallery Page» и выбираем на панели инструментов «Прикрепить галерею» (рис.3).
В открывшимся окне выбираем «Add Gallery/Images» для создания новой галереи и добавления изображений в неё. Далее пишем имя галереи, выбираем изображения для загрузки нажав «Add Files» и загружаем их нажав «Start Upload» (рис.4).
Выбираем саму галерею для отображения (рис.6).
Сортируем картинки для отображения на странице и завершаем создание галереи нажав кнопку «Save» (рис.7).
Примечание: имя галереи должно быть на латинском языке, в противном случае плагин не найдет путь до изображений.
Сегодня мы разберём супер популярный плагин , для создания фото галереи на вашем wordpress сайте. Плагин имеет множество функций с помощью которых можно настроить галерею так как вам хочется. Вы сможете создавать слайд-шоу, открытие изображений в лайтбокс окне, добавление к изображениям анимационного эффекта, изменения количества и размера изображений, использование функции Ajax для переключения страниц, добавление на изображения водяных знаков, вставка ссылок и многое другое. Вы сможете создавать множество галерей и очень просто добавлять их в записи или страницы.
У вас будет на выбор несколько вариантов отображения галереи:
— NextGEN Basic Thumbnails, стандартная галерея.
— NextGEN Basic Slideshow, слайд-шоу.
— NextGEN Basic ImageBrowser, браузер галерея.
— NextGEN Basic TagCloud, галерея в виде облака тегов.
— NextGEN Basic Compact Album, компактная галерея.
— галерея в виде альбома.
Установить плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу: Галерея — Настройки галереи . Здесь вы сможете настроить основные параметры для всех галерей.
— NextGEN Basic Thumbnails, здесь вы можете указать сколько изображений будет отображаться на одной странице. Можно указать сколько будет изображений в одном ряду. Можно выбрать шаблон галереи. Можно включить функцию переключение страниц через AJAX. Остальные настройки можно не менять. Наведите курсор мыши на обозначения параметра и вам покажут окно пояснениями.
— NextGEN Basic Slideshow, здесь можно задать максимальные размеры изображений, выбрать для изображений эффект (поэкспериментируйте с эффектами), можно задать интервал между изображениями, можете включить или отключить показ ссылок миниатюр.
— NextGEN Basic ImageBrowser, можно включить функцию переключение страниц через AJAX, можно выбрать шаблон для данной галереи.
— NextGEN Basic SinglePic, здесь можно задать параметры для показа одного изображения.
— NextGEN Basic TagCloud, укажите максимальное отображение тегов в галереи, выберите шаблон.
— NextGEN Basic Compact Album, здесь можете выбрать как будут отображаться галереи в альбоме, можно указать сколько изображений будет на одной странице. Можно включить хлебные крошки (breadcrumbs), всё остальное можно не менять.
— NextGEN Basic Extended Album, те же настройки что и у предыдущего альбома, только здесь более расширенный альбом.
— Настройки изображений, здесь можно оставить всё как есть, при желании можете перенастроить параметры под себя.
— Параметры миниатюр, можете установить максимальные размеры для миниатюр изображений.
— Эффекты Lightbox, здесь вы можете выбрать эффект для открытия изображений в лайтбокс окне. С эффектами можете поэкспериментировать.
— Водяной знак, можете добавить на изображения водяной знак. Можно выбрать в какой части изображения будет отображаться водяной знак. Вам нужно будет указать URL изображения водяного знака.
— Стили, здесь можно ничего не менять, оставьте всё как есть.
— Распределение привилегий, здесь вы можете указать кому открыт доступ к параметрам плагина Nextgen Gallery.
— Прочие настройки, здесь вы можете добавить ссылку RSS в галерею, можно очистить кэш изображений и т.д.
— Сбросить настройки, здесь вы можете сбросить настройки к значению по умолчанию, то есть к изначальным значениям.
Сохраните сделанные изменения.
На странице Теги вы можете :
— Переименовать существующие теги.
— Удалить существующие теги.
На странице — Управление Альбомами, вы можете создавать альбомы и добавлять к ним галереи.
Для создания альбома, укажите имя альбома и нажмите на кнопку — Добавить . После создания альбома вы можете редактировать альбом, указать описание альбома, выбрать миниатюру для альбома, можно выбрать страницу для альбома.
Создание новой галереи
Чтобы создать новую галерею, перейдите на станицу: Добавить Галерею/Изображения.
1 — укажите имя новой галереи.
2 — нажмите на кнопку Добавьте файлы, чтобы загрузить изображения с компьютера.
3 — нажмите на кнопку Начать загрузку, чтобы загрузить изображения в галерею.
После чего у вас создастся новая галерея. Здесь вы можете импортировать уже готовую папку с изображениями в вашу галерею. Выберите папку и нажмите на кнопку — import/gallery . Обратите внимание, если вы поставите галочку, чтобы оставлять изображения в исходной папке, то при удалении галереи все изображения удалятся из исходной папки.
На странице галереи вы сможете изменить основные параметры галереи — заголовок, описание, расположение галереи, ссылку на страницу, изображение обложки. Можно исключить любое изображение из галереи.
Добавление через запись или страницу
Откройте для редактирования или создайте новую страницу или запись. В визуальном редакторе wordpress у вас появится новая зелёная кнопка для добавления галереи. Нажмите на данную кнопку.
Далее, в открывшемся окне выберите вариант отображения галереи. На вкладке — Что вы хотите отображать , нажмите по полю Галереи и выберите галерею которая будет отображаться на данной странице. Нажмите на кнопку — Сохранить .
Опубликуйте или обновите страницу, перейдите на сайт. На сайте будет отображаться готовая фото галерея.
Если нажать на изображение, то оно откроется в лайтбокс окне и все изображения галереи можно будет просматривать в лайтбокс окне с помощью стрелок вправо и влево.
NextGen галерея
также доступна в премиум-версии, эта версия будет добавлять новые изображения 6 в режиме увеличения, новости 5 лайтбокс
И помощь.
Что нам понравилось:
- Простота плагин (Вы можете создать свою галерею в 5 максимум минут ) .
- Lighbox (когда вы нажимаете на изображение, появится окно, которое покажет вам впечатленный ) .
- Интеграция с темами (в этом уроке мы экспериментировали на тему Двадцать Двенадцать », И это отображается очень хорошо ) .
Что нам не понравилось:
- Le плагин частично на английском языке.
- опция "Ссылка на страницу" не работает должным образом, вы можете прикрепить страницу, но она не будет показывать фото галереи.
- Тот факт, что он вынужден нажать на [показать слайд-шоу ] увидеть слайд-шоу, беспокоит нас, потому что это означает, что вы должны перейти на другую страницу.
Вывод:
Alors, что предлагает больше возможностей, с этим плагином вы можете легко создавать фотогалереи без головокружения. Мы надеемся, что этот урок поможет вам создать фотогалереи на вашем блоге.
Антивирус Bitdefender: эффективный защитник Без вопросов
Значение слова неудачный
Обзор Samsung Galaxy A7 (2017): не боится воды и экономии Стоит ли покупать samsung a7
Делаем бэкап прошивки на андроиде
Как настроить файл подкачки?