Создание фотогалерей с помощью нового медиа-менеджера в WordPress 3.5

Самое заметное нововведение, которое появилось в WordPress 3.5 – это, несомненно, обновленная работа с медиа-файлами. Изменения коснулись не только библиотеки медиа-файлов, но и галерей – их стало проще создавать.

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

Открываем медиа-менеджер

Чтобы создать галерею, щелкните по кнопке Media Manager в верхнем левом углу вашего экрана редактирования.

media-button

Как только откроется Media Manager, вы увидите файлы в медиа-библиотеке. Выберите файлы, которые вы хотите добавить в фотогалерею.

Вы можете выбрать сразу несколько изображений с помощью удерживания клавиши Shift, как это делается в Windows. Добавить к выбранной группе новое изображение или удалить какое-либо изображение из нее можно с помощью клавиши Ctrl.

media-library-files

Загрузка файлов

Для загрузки файлов щелкните по ссылке «Upload Files».

upload-files-button

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

select-files

Выбор файлов

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

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

pulldown-menu

Добавление файлов из медиа-библиотеки

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

Добавление метаданных

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

meta-info

Создание галереи

Чтобы создать галерею из выбранных изображений, щелкните по ссылке «Create Gallery», расположенной в верхней левой части экрана.

create-gallery

Как только вы сделаете это, вы увидите новую кнопку с надписью “Create a new gallery” в нижнем правом углу экрана. Щелкните по ней.

create-gallery-button

Стилизация галереи

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

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

drag-and-drop

Вы можете инвертировать порядок изображений, щелкнув по кнопке «Reverse order» в верхнем правом углу экрана.

reverse-order

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

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

gallery-settings

Вставка галереи

После создания и настройки галереи нажмите на кнопку «Insert gallery» в правом нижнем углу.

insert-gallery

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

gallery-icon

Теперь опубликуйте запись.

gallery

Редактирование галереи

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

edit

Мы привели основы создания галереи. Если вы работали со старыми галереями в WordPress, то вы, вероятно, уже видели, какими именно улучшениями они обросли. Прекрасная работа, команда WP!

Источник: wpmu.org.

Блог про WordPress
Комментарии: 9
  1. Максим

    Здравствуйте, спасибо за пост, а можно ли как то добавить второй размер миниатюр и сделать выбор какой из размеров миниатюр вставить в галерею?

    1. Дмитрий (автор)

      Здравствуйте, размеров можно делать сколько душе угодно, про это было написано в статье:

      https://oddstyle.ru/wordpress-2/wordpress-plaginy/sozdanie-dopolnitelnyx-razmerov-izobrazhenij-v-wordpress.html

      На версии 3.5 не тестировалось, но должно работать.

  2. Максим

    Про добавление размеров, я уже много прочитал и как добавлять знаю.
    Я хотел узнать можно ли как то вывести эти размеры в галерее что бы при создании новой галереи можно было выбрать нужный размер, если да то как?
    Или всегда придется вставлять ручками в редакторе галереи size=»medium» size=»large»?

    1. Дмитрий (автор)

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

  3. Ирина

    Добрый день, большое вам спасибо за статью, все расписано подробно и внятно,хорошо, что наткнулся на эту статью, еше раз спасибо!

  4. Алексей

    Подскажите как перехватить вывод стандартной галереи и вывести её в своих div блоках и со своими стилями?

    1. Дмитрий (автор)

      Цеплять свою функцию к хуку post_gallery.

  5. Алексей

    а как это сделать И где эту функцию взять?

    1. Дмитрий (автор)

      Писать с нуля. Либо искать на просторах сети, может, уже кто-то писал. В общем, это уже вопрос кодирования.

Добавить комментарий для Максим Отменить ответ

Получать новые комментарии по электронной почте.