Искате ли да знаете как да създадете галерия с изображения Elementor ?

Галерията с изображения е един от видовете добавки, които могат да бъдат заменени с Elementor. С Elementor инсталиран и активиран на вашия уебсайт WordPress, не е необходимо да инсталирате нов плъгин, за да създадете галерия с изображения.

Elementor има две приспособления, които можете да използвате за създаване на галерия с изображения: Basic Gallery и Gallery. Можете да използвате приспособлението Basic Gallery, за да създадете галерия с изображения. Докато за приспособлението Галерия, можете да го използвате, за да създадете по-усъвършенствана галерия.

Прочетете още: Как да създадете лента за прогресив градиент в Elementor

В случай, че не знаете, Elementor е WordPress плъгин създаване на страница. Можете да го използвате, за да създадете уеб страница на вашия уебсайт без да се налага да се занимавате с CSS.

Как да създадете галерия с изображения в WordPress с Elementor

Преди да започнете, уверете се, че сте инсталирали и активирали Elementor на вашия уебсайт WordPress. Можете да добавите изображението в статия или на страница. За да редактирате статия/страница с Elementor, щракнете върху бутона Редактирайте с Elementor над редактора на Гутенберг.

Ще бъдете отведени до Elementor Editor след щракване Редактирайте с Elementor по-горе. Преди да започнете да добавяте съдържание в полето за редактиране, първо можете да зададете оформлението. За целта отворете панела за настройки, като щракнете върху иконата на зъбно колело в долния ляв ъгъл. Можете да зададете оформлението в опцията Оформление.

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

След като сте готови, добавете нов раздел и плъзнете приспособлението Basic Gallery от левия панел в полето за редактиране.

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

Щракнете върху бутона Създайте нова галерия за да добавите избраните изображения в галерията. След това ги пренаредете.

Вижте също: Как да добавите изображение към текст в Elementor

Можете да зададете размера на изображението, броя на колоните и светлата площ в блока Галерия от изображения су раздела Съдържание.

Как да създадете галерия с изображения с Elementor

Можете да получите достъп до раздела Стил за да персонализирате галерията. Можете да зададете интервала и типа на границата на блока Изображения. За да персонализирате легендата, можете да отворите блока Легенда.

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

Приспособлението Gallery предлага повече опции за персонализиране от основното приспособление Gallery. Можете да използвате три различни оформления: Grid, Justified и Masonry. Можете също така да зададете цвета на наслагването, описанието, насочващата анимация и т.н.

Прочетете още: Как да коригирам автоматичното възпроизвеждане на видео, което не работи в Elementor

Моля, обърнете внимание, че джаджата Gallery е достъпна само в про версията на Elementor.

За да започнете да създавате галерия с изображения с приспособлението Галерия, плъзнете я от левия панел в областта за редактиране. Кликнете върху инструмента за избор на изображения и изберете изображенията, които искате да добавите към галерията, както направихте по-горе.

След като приключите с добавянето на изображения, щракнете върху блока Настройки под раздела Съдържание. Задайте опцията за тип галерия Тип.

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

Как да създадете галерия с изображения с Elementor

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

Как да създадете галерия с изображения с Elementor

Отворете блока Подложка за да активирате наслагването. Ако искате, можете да покажете заглавието и описанието на изображението в намек за наслагване.

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

Отидете на раздела Стил за да персонализирате вашата галерия. Налични са 3 опционни блока (4, ако създавате множество галерии с раздели).

  • Изображение

От този блок можете да зададете цвят на границата на изображението, радиус на границата, анимация на изображението и CSS филтър.

  • Подложка

Този блок ви позволява да персонализирате наслагването. Можете да зададете цвят на наслагване, анимация на точка и режим на смесване.

  • съдържание

Този блок ви позволява да персонализирате съдържанието на вашето изображение. Съдържанието се отнася до заглавието и описанието на изображението, което сте дефинирали в блока Наслагване раздел Съдържание.

Можете да зададете подравняване, вертикална позиция, запълване, цвят на текста, типография (стил на шрифта, семейство шрифтове, размер на шрифта) и анимация за посочване.

Как да създадете галерия с изображения с Elementor

След като приключите с персонализирането на вашата галерия, можете да щракнете върху бутона ПУБЛИКУВАНЕ в долната част на левия панел. Можете също така да прегледате страницата си първо, като кликнете върху иконата на окото.

Вземете Elementor Pro сега!

Заключение

Тук ! Това е за тази статия, която ви показва как да създадете галерия с изображения с Elementor. Ако имате някакви притеснения как да стигнете до там fуведомете ни в Връзка.

Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.

Но междувременно, споделете тази статия във вашите различни социални мрежи.

...

Тя ПИН на Pinterest