Как структурировать фотографии в WordPress при помощи плагина WP Real Media Library

Как структурировать фотографии в WordPress при помощи плагина WP Real Media Library

От автора: множество фотографов выбирают WordPress для презентации своего портфолио. По сравнению с полноценными системами управления фотографиями типа Adobe Lightroom в WordPress довольно скудный функционал. К нашему счастью, все можно исправить! В этом уроке я покажу вам, как работать с плагином WP Real Media Library от MatthiasWeb и усилить свою медиа библиотеку, а также упорядочить файлы.

Приручите свои медиа файлы

Стоковая медиа библиотека в WordPress. Нам доступен поиск по файлам, однако способов их упорядочения практически нет. Тут нам и поможет плагин WP Real Media Library.

На своем сайте Preset Love для организации медиа файлов я использовал именно этот плагин. В теме Preset Love, которая встроена в WP, есть бесплатные шаблоны для Adobe Lightroom. Это сложный сайт: в нем есть большая библиотека с кучей изображений и файлов шаблонов, и мне понадобилась помощь для структурирования этих файлов.

Экран медиа библиотеки преобразится сразу после установки плагина! В Real Media Library есть возможность помещать файлы в папки и коллекции. Скриншот с CodeCanyon.

Данный урок предназначен для пользователей WP с собственным доменом и веб-сервером, также известным как WordPress.org, а не для версий на WordPress.com.

Установка плагина

Плагин WP Real Media можно купить на сайте CodeCanyon. CodeCanyon принадлежит Envato, тем же людям, которые подарили вам веб-сайт Tuts+, а также множество премиум WP плагинов. Для WP есть много бесплатных плагинов, но зачастую я все-таки захожу на CodeCanyon, потому что там я точно знаю, что найду хорошие плагины с поддержкой разработчиков. Можете купить плагин WP Real Media Library на сайте CodeCanyon.

После покупки плагина с помощью PayPal я вернулся на страницу загрузки. Ссылка на загрузку расположена справа. Для загрузки необходимо нажать Download.

После покупки плагин станет доступен для загрузки в аккаунте CodeCanyon. Легче всего загрузить плагин это вернуться на его страницу. Загрузите плагин на свой ПК в папку, к примеру Загрузки на рабочем столе. Распакуйте файл и найдите файл real-media-library.zip.

Авторизуйтесь в панели администратора на своем сайте (обычно это yourdomain.com/wp-admin) и зайдите в меню Плагины слева. Выберите Добавить для перехода в панель Плагинов. В верхней части окна кликните на Загрузить Плагин.

Чтобы загрузить плагин со своего ПК, зайдите в меню Плагины слева в панели администратора и выберите Добавить. На следующей странице кликните Загрузить Плагин.

Необходимо найти папку расположения распакованных файлов. Выберите файл real-media-library.zip и нажмите Установить. На следующей странице нажмите Активировать.

На странице установки плагина найдите zip файл в проводнике и выберите Установить и нажмите Активировать.
Вот и все! Вы установили WP Real Media Library. Для работы с плагином вернитесь в медиа библиотеку из панели администратора.

Структуризация файлов по папкам

Больше всего мне нравится в WP Real Media Library то, что он бесшовно интегрируется в WordPress. Родная медиа библиотека просто замещается библиотекой плагина. Для работы с плагином просто перейдите на вкладку Media > Library в панели администратора.

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

Как создать папку

Первым делом создадим папку. В медиа библиотеке для организации файлов можно использовать папки. В моем примере я рассортирую все превью изображения в одну папку, а все файлы загрузок (zip файлы) в другую. Чтобы создать папку, кликните на иконку папки с плюсиком в левом верхнем углу окна. Плагин создаст новую папку в дереве ниже. Я задал папке имя Presets.

По умолчанию плагин WP Real Media Library помещает все файлы в категорию Unorganized слева. Если кликнуть по этой категории, то покажутся все неотсортированные по папкам изображения. В итоге нам нужно раскидать все файлы по папкам, для создания структуры медиа библиотеки.

Для перемещения файла просто перетащите и отпустите его из категории unorganized в созданную вами папку. Потрудитесь немного и перетащите все файлы по папкам.

В созданной папке Presets я намеревался хранить все файлы шаблонов для Lightroom

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

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

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

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

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

Коллекции и галереи

В WP Real Media Library также есть возможность создавать коллекции и галереи, которые можно размещать в постах. Коллекции содержат в себе галереи, а каждая галерея состоит из изображений. Представьте себе те же папки, только тут они стилизованы под сетки и помещаются в посты. Давайте создадим коллекцию и галерею и наполним последнюю изображениями.

Чтобы создать коллекцию, нажмите на кнопку Создать новую коллекцию (как на скриншоте ниже) и укажите название.

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

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

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

После создания галереи в нее можно добавить несколько изображений. Я вернусь в категорию Unorganized и перетащу мышкой несколько изображений в нашу галерею. С помощью галочек я выбрал 11 изображений и перетащил их в галерею.

Изображения в галерею перемещаются точно так же, как и в папки.

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

Чтобы добавить галерею в пост, на панели инструментов найдите кнопку Gallery from Media Folder. Кликните на нее, вам откроется окно настроек.

В окне настроек есть несколько опций по вставке галереи. Для выбора только что созданной галереи необходимо открыть выпадающий список Folder. Также можно изменить количество колонок сетки изображений в галерее.

Для добавления галереи выберите из первого списка созданную галерею и нажмите ОК.

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

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

Итоги – не бросайте учиться

Плагин WP Real Media Library – мощный инструмент организации файлов на WP сайтах. По мере разрастания медиа библиотеки появится необходимость в создании дополнительных папок для поддержания структуры, и этот плагин отлично справится с этой задачей.

Автор: Andrew Childress

Источник: http://photography.tutsplus.com/

Редакция: Команда webformyself.

WordPress-Профессионал

Посмотрите информацию по API WordPress, благодаря Вы сможете научиться писать плагины и виджеты

Научиться

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree