Трябва да разберете как да отворите изскачащ прозорец Elementor в Гутенберг?
В онлайн общностите винаги има едно нещо, което е спорно: изскачащи прозорци. Някои хора се чудят дали да използват или не изскачащи прозорци. Но според нас изскачащите прозорци са добре, ако изскачащите прозорци, които сте създали, са прости, привлекателни и не са досадни за вашите потребители.
Да приемем, че вече сте създали изскачащите прозорци с Elementor и искате да ги отворите в редактора на WordPress Gutenberg; защото искате да разположите изскачащи прозорци във вашите публикации или страници в блогове. Ако се чудите, възможно ли е да направите това? Е, отговорът е да, възможно е.
Тази статия ще ви покаже как да отваряте изскачащи прозорци Elementor в Гутенберг.
Как да отворите изскачащ прозорец на Elementor в WordPress Gutenberg Editor
Стъпка 1: Подгответе изскачащия прозорец
Отидете до изскачащия шаблон, който сте създали. Ако сте нов в Elementor и искате да научите как да създавате изскачащи прозорци, можете да разгледате следния урок: като щракнете върху това право на задържане.
Добре, след като създаването на изскачащ прозорец приключи, щракнете върху иконата на зъбно колело (️) в долния ляв ъгъл на панела с настройки на елемента, за да отворите изскачащия панел. В изскачащия панел с настройки отидете до раздела напреднал и добавете селектор на полето Отваряне чрез селектор .
Не забравяйте да добавите символа за точка като префикс (напр. .popup12345).
След като добавите посочения селектор, не забравяйте да актуализирате или публикувате своя изскачащ шаблон.
Ремарк: В раздела Условия на показване от вашия изскачащ прозорец, моля конфигурирайте го да показва вашия изскачащ прозорец на Целият сайт; Това ще ви позволи да получите достъп до изскачащия прозорец като цяло уеб сайт. Също така не е необходимо да дефинирате тригер, защото ще покажете изскачащия прозорец от селектора, който току-що сте дефинирали.
Стъпка 2: Отворете изскачащия прозорец в Gutenberg
Сега е време да отворите изскачащия прозорец в редактора на WordPress Gutenberg.
Отидете до редактора Gutenberg на WordPress; можете да създадете нов съдържание (страница/публикация) или изберете a съдържание съществуващ. След това изберете всеки блок, който искате да използвате като тригер, за да се появи изскачащият прозорец.
В този урок ще използваме блок с бутони.
След като решите кой блок искате да използвате като тригер за показване на изскачащия прозорец, отидете на Настройки Блок – > Разширено. След това добавете своя Определени CSS класове в на Допълнителен CSS клас ( es ) шампион.
Добре. Това е. За да видите как работи, публикувайте проекта си и го отворете в нов прозорец.
Вземете Elementor Pro сега!!!
Заключение
Тази статия ви показва колко лесно можете да отворите изскачащ прозорец на Elementor в редактора Gutenberg на WordPress. Надяваме се тази статия да ви бъде полезна. Не на последно място, моля, имайте предвид, че успехът на вашия изскачащ прозорец зависи от преобразуването на вашите потребители с помощта на a съдържание подходящ и завладяващ призив за действие.
Ако имате някакви притеснения относно това как да стигнете до там, уведомете ни в рамките на Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...