Paano Gumawa at Magpakita ng Popup sa pamamagitan ng Post Tag sa WordPress

Gusto mo bang lumikha at magpakita ng isang popup bawat post tag sa WordPress? Kaya patuloy na basahin ang artikulong ito.

Sigurado kaming pamilyar ka na sa maliit na window na lalabas kapag nagba-browse ng website. Well, ito ay tinatawag na popup o popup. Maaaring lumabas ang mga popup sa iba't ibang laki at posisyon sa screen sa isang website.

Sa WordPress, maraming plugin para sa paglikha ng mga popup, tulad ng Elementor Pro, JetPopup, Brizy Pro, at higit pa.

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.

Talaan ng mga Nilalaman

Ang ilang mga plugin ng WordPress upang lumikha ng mga popup

Elementor Pro

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 Binibigyan ka ng Pro ng ganap na kontrol sa layout at disenyo ng iyong website. Sa kasong ito, maaari mong malayang i-customize ang disenyo ng iyong popup.

Utiliser Elementor Pro upang lumikha ng isang popup sa pamamagitan ng post tag ay napaka-simple at madaling gamitin. Madali mong matukoy ang mga kundisyon ng pagpapakita ng iyong popup sa isang napaka-tumpak na paraan.

Ang JetPopup ng Crocoblock ay isang extension para sa Elementor. Maaari mo itong bilhin bilang isang standalone na plugin o bilhin ito sa isang bundle kasama ng iba pang mga Crocoblock plugin. Ang bentahe ng paggamit ng JetPopup upang lumikha ng isang popup window ay na ito ay may maraming mga cool na tampok.

Maaari kang makipaglaro sa mga popup window trigger.
Maaari kang lumikha ng mga animation para sa popup window.
Ang isang malaking bilang ng mga popup template ay magagamit.

Basahin din ang: 22 Pinakamahusay na Premium Addon para sa Elementor

Brizy Pro

Ang popup builder ng Brizy Pro nag-aalok sa iyo ng dalawang pagpipilian. Ang una ay ang click-activated na popup, at ang pangalawa ay ang mga awtomatikong pag-trigger at kundisyon.

Pagbubukas sa pag-click: Ang iyong popup ay maaaring ma-trigger sa pamamagitan lamang ng pag-click sa mga elemento ng iyong pahina.
Mga awtomatikong pag-trigger at kundisyon: Maaari mong i-configure ang mga pagkilos ng bisita na tutukuyin kung kailan ipinapakita ang mga popup.

Tulad ng nabanggit kanina, mayroon kang ilang mga pagpipilian para sa paglikha ng isang popup sa WordPress. Sa tutorial na ito, ipapakita namin sa iyo kung paano lumikha at magpakita ng popup sa bawat post na tag gamit ang bersyon Elementor Pro, assurez-vous donc d’en avoir déjà une.

Ang unang bagay na dapat gawin ay lumikha ng bagong Popup template. Para gumawa ng bagong Popup template, pumunta sa Mga Template > Mga Popup sa iyong WordPress dashboard at i-click ang button Magdagdag ng bago.

Susunod, idagdag ang pangalan ng iyong Popup at i-click ang button LUMIKHA NG MODEL.

Ididirekta ka sa library ng template, maaari kang pumili ng template mula sa window ng library o magdisenyo ng iyong sariling Popup template. Para gumamit ng template mula sa library, i-click lang ang button magpasok.

Ngunit sa tutorial na ito, gagawa kami ng Popup template mula sa simula. I-click ang icon X upang isara ang template library.

Kailangan naming gumawa ng ilang mga pagsasaayos sa mga setting ng Popup bago kami magsimulang gumawa ng template ng Popup. Maaari mong mahanap ang pinakamahusay na mga setting para sa iyong site. Sa tutorial na ito, ipapakita namin sa iyo ang mga setting ng Popup na iyong pinili.

I-click ang icon na gear sa kaliwang sulok sa ibaba. Sa mga setting ng Popup, baguhin ang Lapad sa 90% ng lapad ng view (VW) at Posisyon en Gitna-Ibaba.

Susunod, idisenyo ang iyong Popup template. Magdagdag ng bagong seksyon at piliin ang 5 column structure. Sa mga setting ng seksyon, itakda ang Lapad sa 950. Maaari mong laruin ang iyong mga setting.

Halimbawa, maaari kang pumunta sa tab estilo para itakda ang background, pumunta sa tab advanced upang i-customize ang margin, at marami pa.

Ngayon bumalik sa iyong mga column. Sa kaliwang column, itakda ang lapad sa 33%, at para sa iba pang apat, sa 16%.

Sa kaliwang column, magdaragdag kami ng Title widget na may ilang text. Maaari kang magdagdag ng teksto na nag-iimbita sa iyong mga bisita sa website na tingnan ang iba pang nilalaman na may kaugnayan sa kasalukuyang nilalaman, o anumang iba pang teksto na iyong pinili.

Sa kanan, magdaragdag kami ng widget ng Imahe. Maaari kang magdagdag ng mga larawan mula sa mga thumbnail/mga itinatampok na larawan ng mga post o manu-manong i-upload ang mga ito.

Ngayon ang istraktura ay handa na. Bumalik sa Mga Setting ng Popup upang i-customize ang entry, exit, at margin animation. Sa tutorial na ito, itinakda namin ang input sa Fade down at ang output sa Fade up. Pagkatapos ay pumunta sa tab advanced at itakda ang margin sa 30 (karaniwang halaga para sa mga link).

Ngayon na ang disenyo ay handa na, i-click ang pindutan PUBLISH upang itakda ang mga kundisyon ng display at mga trigger. Upang tukuyin ang kundisyon ng display, mag-click sa pindutan MAGDAGDAG NG KONDISYON at piliin ang iyong opsyon mula sa drop-down na listahan.

Dahil gusto mong ipakita ang Popup sa pamamagitan ng post na tag, maaari mong itakda ang mga sumusunod na kundisyon ng display (tingnan ang animation).

I-click ang Susunod. Sa tab trigger, itakda ang trigger sa Sa Scroll pag-flip ng switch sa Oo. Tukuyin ang Direksyon sur Bas at Lapad mahigit 95%. Dahil gusto naming lumabas ang Popup kapag naabot ng mga bisita ang dulo ng aming artikulo.

Sa tutorial na ito, hindi namin tutukuyin Mga Advanced na Panuntunan. Kaya mag-click sa I-SAVE AT Isara. Well, tapos na tayo.

Tingnan natin kung ano ang hitsura nito.

Dito mo natapos ang iyong popup. Tingnan din ang aming mga kaugnay na artikulo:

I-download ang Elementor Pro

Ibahagi ang artikulong ito:

Mikhos Gartner

Si Mikhos Gartner ay isang dalubhasa sa digital tools na bumibili, sumusubok, at nagsusuri ng mga tool ng SAAS para sa maliliit na negosyo. Batay sa mga taon ng karanasan sa larangan ng teknolohiya, nagbibigay siya ng mga insightful review. Ang nilalaman nito ay malawak na ginagamit, na nagsisilbi sa milyun-milyong mga gumagamit bawat buwan.