bloggerselite-emblemo

Kiel Krei kaj Montri Ŝprucfenestron per Afiŝetikedo en WordPress

montri ŝprucfenestron per poŝtetikedo

Ĉ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.

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.

montri unu ŝprucfenestron per etikedo

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.
jetpopup presets

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.
bitpoppf

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.

aldoni

Poste, aldonu la nomon de via Ŝprucfenestro kaj alklaku la butonon KREU MODELON.

krei temm.jpg

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.

senigi

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.

montri unu ŝprucfenestron per etikedo

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.

nova sektopopo

Nun revenu al viaj kolumnoj. En la maldekstra kolumno, agordu la larĝon al 33%, kaj por la aliaj kvar, al 16%.

Kolom popup

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.

ulo popo

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).

marĝeno kaj ŝprucfenestra animacio

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).

ŝprucfenestro publikigashh

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.

montri unu ŝprucfenestron per etikedo

En ĉi tiu lernilo, ni ne difinos Altnivelaj Reguloj. Do klaku sur KONSERVU KAJ FERMI. Nu, nun ni finis.

Ni vidu kiel ĝi aspektas.

montri unu ŝprucfenestron per etikedo

Ĉi tie vi ĵus finis vian ŝprucfenestron. Vidu ankaŭ niajn rilatajn artikolojn:

Kunhavigu ĉi tiun artikolon:
informilo
Ricevu senpagajn konsiletojn kaj rimedojn rekte al via enirkesto.
Lastaj artikoloj
☰ Rapida Navigado
0
Amus viajn pensojn, bonvolu komenti.x

Blogantoj Elito

Liberiĝi

Niaj Lerniiloj 

15987

Abonu Nian

informilo

Ricevu la plej novajn konsiletojn al via enirkesto

15585