За определен тип бизнес, като например услуга за редактиране на снимки, добавянето на сравнение на изображения може да бъде полезен инструмент за описание на вашата услуга. Можете да добавите сравнението на изображението към началната страница, целевата страница или всяка страница, където говорите за услугата, която предлагате.
Elementor наистина не предлага никаква джаджа или функционалност за добавяне на сравнение на изображения, но можете да я получите с помощта на добавка. Има допълнителни модули Elementor които предлагат джаджа за добавяне на сравнение на изображения. Три от които са: Основни добавки, Щастливи добавкиИ JetElements.
В тази статия ще ви покажем как да добавите сравнение на изображения Elementor използвайки JetElements.
JetElements сама по себе си е първокласна добавка за Elementor, разработена от Crocoblock. Той е част от семейството JetPlugins. Добавката идва с джаджа, наречена Сравнителни снимки който можете да използвате, за да добавите сравнение на изображения към страницата Elementor.
Как да добавите сравнение на изображения в Elementor
Уверете се, че добавката JetElements е инсталирана и активирана, преди да започнете. Ако сте нов в Elementor, можете да прочетете предишната ни статия, за да научите как да използвам.
Ние директно ще добавим джаджата Сравнителни снимки в тази статия.
Преди да започнете, можете да подготвите две изображения за сравнение. Например, можете да подготвите изображение преди и изображение след. След като сте готови, просто плъзнете джаджата Сравнителни снимки в полето за редактиране на Elementor.
По подразбиране модулът за сравняване на изображения на JetElements създава две сравнения на изображения. Ако просто трябва да създадете сравнение на изображения (две изображения за сравнение), можете да изтриете едно от съществуващите сравнения на изображения.
Прочетете още: Elementor: Как да добавите анимация на Lottie
За да добавите изображение преди и след, отворете съществуващото сравнение на изображения (като щракнете върху него), за да редактирате съдържание. Просто изберете предишното изображение на преди снимка раздел и изберете изображението след на след снимка раздел. Както можете да видите, можете също да замените етикетите за всеки раздел.
След като завършите избора на изображения, можете да отворите блока Настройки за да зададете началната позиция на сепаратора. Ако искате да добавите повече от едно сравнение на изображения, можете да зададете настройките на въртележката.
След това можете да стилизирате вашето сравнение на изображения, като превключите към раздела Стил. Можете да отворите пет блока за настройка, за да оформите сравнението на вашето изображение. Но ако трябва само да добавите сравнение на изображения, просто трябва да отворите първите три блока.
- Генералният
Можете да отворите този блок, за да зададете подложка, сянка на кутията, тип граница и радиус на границата.
- Етикет
Можете да отворите този блок за етикети за сравнение на стилове (етикетите „преди“ и „след“). Можете да зададете неща като хоризонтално подравняване, вертикално подравняване, цвят на текста, цвят на фона, типография (семейство шрифтове, стил на шрифта, размер на шрифта) и т.н.
- Дръжка
Можете да отворите този блок, за да оформите манипулатора. Можете да зададете неща като подравняване на манипулатора, ширина на контрола, височина на контрола, цвят на манипулатор (независимо дали е нормално състояние или при задържане) и т.н.
Ако добавите повече от едно сравнение на изображения, можете също да отворите блоковете Стрелки на въртележка et Карусел точки за стилизиране на стрелки и точки за навигация.
Това е. Можете да щракнете върху бутона ПУБЛИКУВАНЕ / АКТУАЛИЗИРАНЕ за публикувам /редактирайте страницата си, след като приключите с редактирането й.
Вземете Elementor Pro сега!!!
Заключение
Тук ! Това е за тази статия, която ви показва как добавете сравнение на изображения в Elementor. Ако имате някакви притеснения относно това как да стигнете до там, уведомете ни в рамките на Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...