логото на bloggerselite

Како да креирате и прикажувате скокачки прозорец со ознака за објавување во WordPress

прикажете скокачки таг по пост

Дали сакате да креирате и прикажете по еден скокачки прозорец по ознака за објава во 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 за создавање скокачки прозорец е тоа што доаѓа со многу интересни функции.

  • Може да си играте со предизвикувачите на скокачкиот прозорец.
  • Можете да креирате анимации за скокачкиот прозорец.
  • Достапни се голем број скокачки шаблони.
jetpopup presets

Прочитајте исто така: 22 најдобри премиум додатоци за Elementor

Бризи Про

Градителот на скокачки прозорци на Бризи Про ви нуди две опции. Првиот е скокачкиот прозорец активиран со кликнување, а вториот е автоматските предизвикувачи и услови.

  • Отворање при кликнување: вашиот скокачки прозорец може да се активира едноставно со кликнување на елементите на вашата страница.
  • Автоматски предизвикувачи и услови: можете да конфигурирате дејства на посетителите што ќе одредат кога ќе се прикажуваат скокачки прозорци.
bitpoppf

Како да креирате и прикажувате скокачки прозорец со ознака за објавување во WordPress со Elementor

Како што споменавме порано, имате неколку опции за создавање скокачки прозорец во WordPress. Во ова упатство, ќе ви покажеме како да креирате и прикажувате скокачки ознаки по објава користејќи ја верзијата Елемент Про, assurez-vous donc d’en avoir déjà une.

Чекор 1: Креирајте го скокачкиот шаблон

Првото нешто што треба да направите е да креирате нов скокачки шаблон. За да креирате нов скокачки шаблон, одете на Шаблони > Скокачки прозорци на вашата контролна табла на WordPress и кликнете на копчето Додади ново.

додадете

Следно, додадете го името на вашиот скокачки прозорец и кликнете на копчето КРЕИРАЈ МОДЕЛ.

create temm.jpg

Ќе бидете упатени до библиотеката на шаблоните, можете да изберете шаблон од прозорецот на библиотеката или да дизајнирате сопствен скокачки шаблон. За да користите шаблон од библиотеката, само кликнете на копчето Вметни.

Но, во ова упатство, ќе го креираме шаблонот за скокачки прозорци од нула. Кликнете на иконата X да ја затворите библиотеката со шаблони.

librar

Чекор 2: Прилагодете ги поставките за скокачки прозорци

Треба да направиме некои прилагодувања во поставките за скокачки прозорец пред да започнеме да создаваме шаблон за скокачки прозорец. Можете да ги најдете најдобрите поставки за вашиот сајт. Во ова упатство, ќе ви ги покажеме поставките за скокачки прозорец по ваш избор.

Кликнете на иконата за менувачот во долниот лев агол. Во поставките за скокачки прозорец, променете го Ширина во 90% од ширината на погледот (VW) Et на Позиција en Центар-Долен.

прикажете по еден скокачки прозорец по ознака

Чекор 3: Дизајнирајте го скокачкиот прозорец

Следно, дизајнирајте го вашиот скокачки шаблон. Додадете нов дел и изберете ја структурата со 5 колони. Во поставките на делот, поставете го Ширина на 950. Можете да играте со вашите поставки.

На пример, можете да отидете на јазичето стил за да ја поставите позадината, одете на јазичето напредни да ја прилагодите маржата и многу повеќе.

new sectpop

Сега вратете се на вашите колумни. Во левата колона, поставете ја ширината на 33%, а за другите четири на 16%.

popup kolom

Во левата колона, ќе додадеме додаток за наслов со текст. Можете да додавате текст со кој ги повикувате посетителите на вашата веб-локација да гледаат друга содржина што е релевантна за тековната содржина или кој било друг текст по ваш избор.

На десната страна, ќе додадеме графичка контрола за слика. Можете да додавате слики од минијатури/истакнати слики на објави или да ги поставувате рачно.

garis pop

Сега структурата е подготвена. Врати се на Поставки за скокачки прозорци за приспособување на анимациите за влез, излез и маргина. Во ова упатство, го поставивме влезот на Избледи и излезот на Избледи. Потоа одете на јазичето напредни и поставете ја маргината на 30 (заедничка вредност за врските).

margin and animation popup

Чекор 4: Објавете го скокачкиот прозорец

Сега кога дизајнот е подготвен, кликнете на копчето Издадена за да поставите услови за прикажување и предизвикувачи. За да ја дефинирате состојбата на приказот, кликнете на копчето ДОДАЈ УСЛОВ и изберете ја вашата опција од паѓачката листа.

Како што сакате да ја прикажете ознаката Popup by post, можете да ги поставите следните услови за прикажување (види анимација).

popup publishhh

Кликнете Следно. Во табот предизвикувачи, поставете го активирањето на На лизгање превртување на прекинувачот на Да. Дефинирајте го Лидерство sur Bas и Ширина над 95%. Затоа што сакаме скокачкиот прозорец да се појави кога посетителите ќе стигнат до крајот на нашата статија.

прикажете по еден скокачки прозорец по ознака

Во ова упатство нема да дефинираме Напредни правила. Затоа кликнете на ЗАЧУВАЈ И ЗАТВОРИ. Па, сега завршивме.

Ајде да видиме како изгледа.

прикажете по еден скокачки прозорец по ознака

Овде штотуку го завршивте вашиот скокачки прозорец. Видете ги и нашите поврзани статии:

Споделете ја оваа статија:
Билтен
Добијте бесплатни совети и ресурси директно доставени до вашето сандаче.
Последни статии
☰ Брза навигација
0
Би сакале вашите мисли, ве молиме коментирајте.x

BloggersElite

Се добие бесплатно

Нашите упатства 

15987

Претплатете се на Нашите

Билтен

Добијте ги најновите совети доставени до вашето сандаче

15585