Хотите узнать, как создать галерею изображений с Elementor ?

Галерея изображений — это один из видов плагинов, которые можно заменить на Elementor. Elementor установлен и активирован на вашем сайт WordPress, вам не нужно устанавливать новый плагин для создания галереи изображений.

В Elementor есть два виджета, которые вы можете использовать для создания галереи изображений: Базовая галерея и Галерея. Вы можете использовать виджет «Базовая галерея» для создания галереи изображений. Что касается виджета "Галерея", вы можете использовать его для создания более продвинутой галереи.

Читайте также: Как создать индикатор выполнения градиента в Elementor

Если вы не знали, Elementor является Плагин Wordpress создание страницы. Вы можете использовать его для создания веб-страницы на вашем сайт без необходимости иметь дело с CSS.

Как создать галерею изображений в WordPress с помощью Elementor

Прежде чем начать, убедитесь, что Elementor установлен и активирован на вашем компьютере. сайт WordPress. Вы можете добавить изображение как в статью, так и на страницу. Чтобы отредактировать статью/страницу с помощью Elementor, нажмите кнопку Редактировать с помощью Elementor над редактором Гутенберга.

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

Создайте галерею изображений с помощью виджета Basic Gallery

Когда вы будете готовы, добавьте новый раздел и перетащите виджет «Базовая галерея» с левой панели в поле редактирования.

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

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

См. Также: Как добавить изображение к тексту в Elementor

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

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

Создайте галерею изображений с помощью виджета Галерея

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

Читайте также: Как исправить неработающее автовоспроизведение видео в Elementor

Обратите внимание, что виджет «Галерея» доступен только в профессиональной версии Elementor.

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

Как только вы закончите добавлять изображения, нажмите на блок Настройки под вкладкой Содержание. Установите тип галереи на опцию Тип.

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

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

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

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

Перейти на вкладку Стиль чтобы настроить вашу галерею. Доступно 3 блока опций (4, если вы создаете несколько галерей вкладок).

• Фото товара

Из этого блока вы можете установить цвет границы изображения, радиус границы, анимацию изображения и фильтр CSS.

• Наложение

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

• Содержание

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

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

Когда вы закончите настройку своей галереи, вы можете нажать кнопку ОПУБЛИКОВАТЬ внизу на левой панели. Вы также можете предварительно просмотреть свою страницу, щелкнув значок глаза.

Получите Elementor Pro прямо сейчас!

Заключение

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

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...