Дали сакате да креирате и прикажете по еден скокачки прозорец по ознака за објава во WordPress? Затоа, продолжете да ја читате оваа статија.
Сигурни сме дека веќе сте запознаени со малиот прозорец што се појавува при прелистување на веб-локација. Па, тоа се нарекува скокачки или скокачки прозорец. Скокачките прозорци може да се појавуваат во различни големини и позиции на екранот на веб-локација.
Во WordPress, постојат многу приклучоци за создавање скокачки прозорци, како што се Elementor Pro, JetPopup, Brizy Pro и многу повеќе.
L’élément important à retenir est que les fenêtres contextuelles ne doivent pas être ennuyeuses pour les visiteurs de votre site web. Par conséquent, créez un popup aussi simple et attrayante que possible.
Содржина
Некои приклучоци за WordPress за создавање скокачки прозорци
Елемент Про
Elementor Pro est une extension d’Elementor avec des centaines de fonctionnalités premium. Il vous offre de puissants outils professionnels qui accélèrent votre flux de travail et votre conception. Elementor Pro ви дава целосна контрола врз изгледот и дизајнот на вашата веб-страница. Во овој случај, можете слободно да го приспособите дизајнот на вашиот скокачки прозорец.
Користете Елемент Про да се создаде скокачки таг по пост е многу едноставно и лесно за користење. Можете лесно да ги дефинирате условите за прикажување на вашиот скокачки прозорец на многу прецизен начин.
JetPopup
Crocoblock's JetPopup е продолжение за Elementor. Можете да го купите како самостоен приклучок или да го купите во пакет со други Crocoblock приклучоци. Предноста на користењето на JetPopup за создавање скокачки прозорец е тоа што доаѓа со многу интересни функции.
- Може да си играте со предизвикувачите на скокачкиот прозорец.
- Можете да креирате анимации за скокачкиот прозорец.
- Достапни се голем број скокачки шаблони.
Прочитајте исто така: 22 најдобри премиум додатоци за Elementor
Бризи Про
Градителот на скокачки прозорци на Бризи Про ви нуди две опции. Првиот е скокачкиот прозорец активиран со кликнување, а вториот е автоматските предизвикувачи и услови.
- Отворање при кликнување: вашиот скокачки прозорец може да се активира едноставно со кликнување на елементите на вашата страница.
- Автоматски предизвикувачи и услови: можете да конфигурирате дејства на посетителите што ќе одредат кога ќе се прикажуваат скокачки прозорци.
Како да креирате и прикажувате скокачки прозорец со ознака за објавување во WordPress со Elementor
Како што споменавме порано, имате неколку опции за создавање скокачки прозорец во WordPress. Во ова упатство, ќе ви покажеме како да креирате и прикажувате скокачки ознаки по објава користејќи ја верзијата Елемент Про, assurez-vous donc d’en avoir déjà une.
Чекор 1: Креирајте го скокачкиот шаблон
Првото нешто што треба да направите е да креирате нов скокачки шаблон. За да креирате нов скокачки шаблон, одете на Шаблони > Скокачки прозорци на вашата контролна табла на WordPress и кликнете на копчето Додади ново.
Следно, додадете го името на вашиот скокачки прозорец и кликнете на копчето КРЕИРАЈ МОДЕЛ.
Ќе бидете упатени до библиотеката на шаблоните, можете да изберете шаблон од прозорецот на библиотеката или да дизајнирате сопствен скокачки шаблон. За да користите шаблон од библиотеката, само кликнете на копчето Вметни.
Но, во ова упатство, ќе го креираме шаблонот за скокачки прозорци од нула. Кликнете на иконата X да ја затворите библиотеката со шаблони.
Чекор 2: Прилагодете ги поставките за скокачки прозорци
Треба да направиме некои прилагодувања во поставките за скокачки прозорец пред да започнеме да создаваме шаблон за скокачки прозорец. Можете да ги најдете најдобрите поставки за вашиот сајт. Во ова упатство, ќе ви ги покажеме поставките за скокачки прозорец по ваш избор.
Кликнете на иконата за менувачот во долниот лев агол. Во поставките за скокачки прозорец, променете го Ширина во 90% од ширината на погледот (VW) Et на Позиција en Центар-Долен.
Чекор 3: Дизајнирајте го скокачкиот прозорец
Следно, дизајнирајте го вашиот скокачки шаблон. Додадете нов дел и изберете ја структурата со 5 колони. Во поставките на делот, поставете го Ширина на 950. Можете да играте со вашите поставки.
На пример, можете да отидете на јазичето стил за да ја поставите позадината, одете на јазичето напредни да ја прилагодите маржата и многу повеќе.
Сега вратете се на вашите колумни. Во левата колона, поставете ја ширината на 33%, а за другите четири на 16%.
Во левата колона, ќе додадеме додаток за наслов со текст. Можете да додавате текст со кој ги повикувате посетителите на вашата веб-локација да гледаат друга содржина што е релевантна за тековната содржина или кој било друг текст по ваш избор.
На десната страна, ќе додадеме графичка контрола за слика. Можете да додавате слики од минијатури/истакнати слики на објави или да ги поставувате рачно.
Сега структурата е подготвена. Врати се на Поставки за скокачки прозорци за приспособување на анимациите за влез, излез и маргина. Во ова упатство, го поставивме влезот на Избледи и излезот на Избледи. Потоа одете на јазичето напредни и поставете ја маргината на 30 (заедничка вредност за врските).
Чекор 4: Објавете го скокачкиот прозорец
Сега кога дизајнот е подготвен, кликнете на копчето Издадена за да поставите услови за прикажување и предизвикувачи. За да ја дефинирате состојбата на приказот, кликнете на копчето ДОДАЈ УСЛОВ и изберете ја вашата опција од паѓачката листа.
Како што сакате да ја прикажете ознаката Popup by post, можете да ги поставите следните услови за прикажување (види анимација).
Кликнете Следно. Во табот предизвикувачи, поставете го активирањето на На лизгање превртување на прекинувачот на Да. Дефинирајте го Лидерство sur Bas и Ширина над 95%. Затоа што сакаме скокачкиот прозорец да се појави кога посетителите ќе стигнат до крајот на нашата статија.
Во ова упатство нема да дефинираме Напредни правила. Затоа кликнете на ЗАЧУВАЈ И ЗАТВОРИ. Па, сега завршивме.
Ајде да видиме како изгледа.
Овде штотуку го завршивте вашиот скокачки прозорец. Видете ги и нашите поврзани статии:
- 6 практични CSS фрагменти за графичка контрола на Elementor's Posts
- Како да креирате страница со оглас со Elementor Loop Builder
- Како да додадете работно време на вашата веб-страница на Elementor
- Како да додадете прекин на линијата во текстот на копчето Elementor
- Како да креирате и уредувате подножје во Elementor
- Како да додадете маска за слика во Elementor
- Elementor или Brizy: Кој е најдобриот градител на страници на WordPress?
Написите се приклучуваат
- 22 најдобри премиум додатоци за Elementor
- Elementor vs Beaver Builder: Детална споредба на градители на страници
- Преглед на Elementor 2024: Искуство со Elementor (добрите, лошите страни, карактеристики и повеќе)
- Како да креирате интерактивен круг во Elementor
- Како да направите веб-страница на Elementor супер брзо: Целосно упатство
- Како да мигрирате страница во Elementor Cloud
- 5 најдобри додатоци за довод на Инстаграм за Elementor [Нашите најдобри избори]
- Како да користите напредна хармоника во Elementor