Галерея в Wordpress

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

Давайте создадим новую галерею, нажав на соответствующую иконку:

В результате получится следующее:

Как видно на скрине, у нас есть две кнопки: кнопка Загрузить и кнопка Библиотека файлов. Работу кнопки Загрузить мы уже изучали, когда разбирали блок изображение.

Давайте теперь рассмотрим кнопку Библиотека файлов. Нажмем на нее - в результате появится окно для выбора изображения из уже ранее загруженных:

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

Для отмены выбора наведите мышкой на галочку - в этом случае она превратится в минус:

Нажатие на указанный минус приведет к отмене выбора. Учтите, что повторное нажатие на саму картинку не приведет к отмене.

Итак, давайте выберем для нашей галереи все 3 картинки:

Нажмем теперь на кнопку, находящуюся в правом нижнем углу:

В результате откроется окно для редактирования выбранных изображений:

Давайте рассмотрим, что можно настроить в данном окне.

При желании вы можете отменить выбор какого-либо изображения нажав на крестик:

Можно также подписать изображение:

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

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

В результате получится следующее:

Если посмотреть на результат в режиме предпросмотра, то увидим следующее:

Создайте галерею, добавив в нее 3 картинки из уже загруженных вами ранее.

Создайте новую галерею. Добавьте в нее картинки, используя кнопку Загрузить. Как вы уже знаете, по нажатию на эту кнопку откроется окно выбора файлов картинок. Выберите в нем 3 картинки (например, зажав Ctrl и кликая по нужным файлам).

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

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

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

Можно также нажать на одну из картинок в галерее - в этом случае появится крестик для удаления этой картинки из галереи:

Кроме того, можно будет добавить подпись к картинке:

С помощью изученной кнопки добавьте в галерею новое изображение.

Удалите добавленное изображение описанным способом.

Меню блока галереи

Давайте изучим теперь меню блока нашей галереи.

Следующий блок настроек полностью аналогичен настройкам блока Изображение, которые мы уже изучали ранее:

Рассмотрим данную кнопочку-карандаш:

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

Нажмите на кнопочку-карандаш и изучите открывшееся окно.

Количество колонок

Следующий инпут регулирует количество колонок, в которые выстраиваются изображения в галерее:

Вместо инпута можно также пользоваться вот этим ползунком:

Обратите внимание на то, что будет если для наших 3-х загруженных картинок поставить количество колонок 2:

Поменяйте количество колонок вашей галереи на 2. Изучите полученный эффект.

Сделайте так, чтобы в вашей галерее стало 10 картинок, при необходимости добавив недостающие. Поменяйте количество колонок вашей галереи на 4. Изучите полученный эффект.

Обрезание

Следующий переключатель регулирует обрезание и выравнивание изображений:

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

Если отключить этот переключатель, то в моем случае картинки станут разного размера:

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

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

Ссылки

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

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

Ссылки настраиваются с помощью данного выпадающего списка:

В указанном списке будет только два описанных выше варианта ссылок:

описать, что будет в зависимости от выбора

Сделайте так, чтобы каждая картинка вашей галереи вела на соответствующий медиафайл.

Сделайте так, чтобы каждая картинка вашей галереи вела на соответствующую страницу вложения.