Как сделать коллаж в WordPress

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

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

Плагин для создания коллажа в WordPress

Плагин, который поможет нам решить поставленную задачу, называется Easy Image Collage. Скачайте его в официальном репозитории WordPress из консоли своего сайта, установите и активируйте.  После этого перейдите в редактор записи, и здесь вы увидите новую кнопку – «Add image collage». C её помощью можно создать коллаж в WordPress.

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

• Grid. Ширина и высота элемента, которую можно отрегулировать с помощью ползунков. Также здесь можно задать ориентацию элемента – слева, справа, по центру.
• Borders. Настройки границы элемента: толщина и цвет.

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

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

После добавления всех изображений в коллаж, нажмите кнопку «Finish» и ваш элемент появится в реакторе.

Коллаж в WordPress можно также настроить и глобально. Для этого перейдите в пункт «Настройки», подпункт «Easy Image Collage». Здесь вы увидите несколько вкладок с опциями. Рассмотрим их:

• Default Style. Здесь задаются опции для коллажа в WordPress, которые будут назначаться по умолчанию. В дальнейшем при добавлении каждого коллажа их можно будет настраивать отдельно.
• Lightbox. Настраивает эффект лайтбокса для изображений коллажа. Лайтбокс – это открытие увеличенного изображения при клике по нему.
• Captions. Разнообразные настройки подписей для изображений.
• Social Media. Подключает кнопку социальной сети Pinterest к изображениям коллажа. Эта соцсеть специализируется на картинках.
• Custom Links. Настройки ссылок изображений. Опции доступны только в платной версии.
• Custom Code. Можно задать собственный стиль CSS для коллажа.
• Utility. Опции импорта и экспорта настроек, а также возможность сброса настроек по умолчанию.