Ĉu vi volas krei kaj montri unu ŝprucfenestron per poŝtetikedo en WordPress? Do daŭre legu ĉi tiun artikolon.
Ni certas, ke vi jam konas la malgrandan fenestron, kiu aperas dum foliumado de retejo. Nu, ĝi nomiĝas ŝprucfenestro aŭ ŝprucfenestro. Popups povas aperi en malsamaj grandecoj kaj surekranaj pozicioj en retejo.
En WordPress, ekzistas multaj kromprogramoj por krei ŝprucfenestrojn, kiel Elementor Pro, JetPopup, Brizy Pro, kaj pli.
La grava afero memori estas, ke ŝprucfenestroj ne devas esti ĝenaj por viaj retejaj vizitantoj. Tial kreu ŝprucfenestron kiel eble plej simplan kaj allogan.
Enhavo
Iuj WordPress-kromaĵoj por krei ŝprucfenestrojn
Elementa Avantaĝo
Elektorino Pro estas Elementor-etendo kun centoj da superaj funkcioj. Ĝi donas al vi potencajn profesiajn ilojn, kiuj akcelas vian laborfluon kaj dezajnon. Elektorino Profesiulo donas al vi plenan kontrolon pri la aranĝo kaj dezajno de via retejo. En ĉi tiu kazo, vi povas libere personecigi la dezajnon de via ŝprucfenestro.
Uzu Elementa Avantaĝo krei ŝprucfenestron per poŝtetikedo estas tre simpla kaj facile uzebla. Vi povas facile difini la ekrankondiĉojn de via ŝprucfenestro en tre preciza maniero.
JetPopup
Crocoblock's JetPopup estas etendaĵo por Elektorino. Vi povas aĉeti ĝin kiel memstara kromaĵo aŭ aĉeti ĝin en pakaĵo kun aliaj Crocoblock-kromaĵoj. La avantaĝo uzi JetPopup por krei ŝprucfenestron estas, ke ĝi venas kun multaj bonegaj funkcioj.
- Vi povas ludi ĉirkaŭe per la ŝprucfenestraj ellasiloj.
- Vi povas krei kuraĝigojn por la ŝprucfenestro.
- Granda nombro da ŝprucfenestraj ŝablonoj haveblas.
Legu ankaŭ: 22 Plej bonaj Superaj Aldonaĵoj por Elementor
Brizy Pro
La ŝprucfenestro-konstruanto de Brizy Pro proponas al vi du eblojn. La unua estas la klak-aktivigita ŝprucfenestro, kaj la dua estas la aŭtomataj ellasiloj kaj kondiĉoj.
- Malfermo per klako: Via ŝprucfenestro povas esti ekigita simple alklakante la elementojn de via paĝo.
- Aŭtomataj ellasiloj kaj kondiĉoj: Vi povas agordi vizitantojn, kiuj determinos kiam ŝprucfenestroj aperos.
Kiel Krei kaj Montri Ŝprucfenestron per Afiŝetikedo en WordPress kun Elementor
Kiel menciite antaŭe, vi havas plurajn eblojn por krei ŝprucfenestron en WordPress. En ĉi tiu lernilo, ni montros al vi kiel krei kaj montri ŝprucfenestron per afiŝo per la versio Elementa Avantaĝo, do certigu, ke vi jam havas unu.
Paŝo 1: Kreu la ŝprucan ŝablonon
La unua afero por fari estas krei novan Ŝprucfendan ŝablonon. Por krei novan Ŝprucfendan ŝablonon, iru al Ŝablonoj > Ŝprucfenestroj sur via WordPress panelo kaj alklaku la butonon Aldonu novan.
Poste, aldonu la nomon de via Ŝprucfenestro kaj alklaku la butonon KREU MODELON.
Vi estos direktita al la ŝablono biblioteko, vi povas elekti ŝablonon el la biblioteko fenestro aŭ desegni vian propran Ŝprucfenestron ŝablonon. Por uzi ŝablonon el la biblioteko, simple alklaku la butonon Enmetu.
Sed en ĉi tiu lernilo, ni kreos la Ŝpruc-ŝablonon de nulo. Alklaku la ikonon X por fermi la ŝablonan bibliotekon.
Paŝo 2: Alĝustigu Ŝprucfenestrojn
Ni devas fari kelkajn ĝustigojn en la Ŝprucfenestro-agordoj antaŭ ol ni komencas krei Ŝprucfendan ŝablonon. Vi povas trovi la plej bonajn agordojn por via retejo. En ĉi tiu lernilo, ni montros al vi la Popup-agordojn de via elekto.
Alklaku la ilan-ikonon en la malsupra maldekstra angulo. En la Ŝprucfenestraj agordoj, ŝanĝu la larĝo en 90% de la larĝo de la vido (VW) Kaj pozicio en Centro-Malsupro.
Paŝo 3: Desegni la Ŝprucfenestron
Poste, desegnu vian Ŝprucfendan ŝablonon. Aldonu novan sekcion kaj elektu la 5-kolumnan strukturon. En la sekcio-agordoj, agordu la larĝo sur 950. Vi povas ludi kun viaj agordoj.
Ekzemple, vi povas iri al la langeto stilo por agordi la fonon, iru al la langeto progresinta por personecigi la marĝenon, kaj multajn pli.
Nun revenu al viaj kolumnoj. En la maldekstra kolumno, agordu la larĝon al 33%, kaj por la aliaj kvar, al 16%.
En la maldekstra kolumno, ni aldonos Titolo-fenestraĵo kun iom da teksto. Vi povas aldoni tekston invitantan viajn retejajn vizitantojn vidi alian enhavon, kiu rilatas al la nuna enhavo, aŭ ajnan alian tekston de via elekto.
Dekstre, ni aldonos Bilda fenestraĵo. Vi povas aldoni bildojn el bildetoj/elstaraj bildoj de afiŝoj aŭ alŝuti ilin permane.
Nun la strukturo estas preta. Reiru al Ŝprucfenestroj por agordi animaciojn de eniro, eliro kaj marĝeno. En ĉi tiu lernilo, ni agordas la enigon al Fade malsupren kaj la eligo ŝaltita Fadu supren. Poste iru al la langeto progresinta kaj starigu la marĝenon al 30 (komuna valoro por ligiloj).
Paŝo 4: Eldonu la Ŝprucfenestron
Nun kiam la dezajno estas preta, alklaku la butonon PUBLIKIGI por agordi ekrankondiĉojn kaj ellasilon. Por difini la ekrankondiĉon, alklaku la butonon ALDONU KONDIĈON kaj elektu vian opcion el la fallisto.
Ĉar vi volas montri la Ŝprucfenestron per poŝta etikedo, vi povas agordi la jenajn ekrankondiĉojn (vidu animacion).
Klaku Sekva. En la langeto Ellasiloj, agordu la ellasilon al Sur Volumo ŝaltante la ŝaltilon al jes. Difinu la direkto suda bas kaj larĝo pli ol 95%. Ĉar ni volas, ke la Ŝprucfenestro aperu kiam vizitantoj atingas la finon de nia artikolo.
En ĉi tiu lernilo, ni ne difinos Altnivelaj Reguloj. Do klaku sur KONSERVU KAJ FERMI. Nu, nun ni finis.
Ni vidu kiel ĝi aspektas.
Ĉi tie vi ĵus finis vian ŝprucfenestron. Vidu ankaŭ niajn rilatajn artikolojn:
- 6 oportunaj CSS-fragmentoj por Elementor-a Afiŝoj-Fenestaĵo
- Kiel Krei Listan Paĝon kun Elementor Loop Builder
- Kiel Aldoni Komercajn Horojn en Via Elementor-Retejo
- Kiel Aldoni Liniorompon en Elementor Buton Teksto
- Kiel Krei kaj Redakti Piedon en Elementor
- Kiel Aldoni Bildan Maskon en Elementor
- Elementor aŭ Brizy: Kiu estas la plej bona WordPress-paĝa konstruanto?
Rilataj artikoloj
- 22 Plej bonaj Superaj Aldonaĵoj por Elementor
- Elementor vs Beaver Builder: Detala Komparo de Paĝaj Konstruistoj
- Elementor Review 2024: Sperto kun Elementor (Avantaĝoj, Malavantaĝoj, Trajtoj kaj Pli)
- Kiel Krei Interagan Rondon en Elementor
- Kiel Fari Elementor-Retejon Super Rapida: Kompleta Lernilo
- Kiel migri retejon al Elementor Cloud
- 5 Plej bonaj Instagram Feed-Aldonaĵoj por Elementor [Niaj Plej bonaj Elektoj]
- Kiel Uzi Altnivelan Akordionon en Elementor