Hvordan lage og vise popup etter posttag i WordPress

Vil du opprette og vise én popup per post-tag i WordPress? Så fortsett å lese denne artikkelen.

Vi er sikre på at du allerede er kjent med det lille vinduet som vises når du surfer på et nettsted. Vel, det kalles en popup eller popup. Popup-vinduer kan vises i forskjellige størrelser og skjermplasseringer på et nettsted.

I WordPress er det mange plugins for å lage popup-vinduer, slik som Elementor Pro, JetPopup, Brizy Pro og mer.

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.

Innholdsfortegnelse

Noen WordPress-plugins for å lage popup-vinduer

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 Pro gir deg full kontroll over layout og design av nettstedet ditt. I dette tilfellet kan du fritt tilpasse utformingen av popup-vinduet.

Utiliser Elementor Pro å lage en popup med post-tag er veldig enkelt og lett å bruke. Du kan enkelt definere visningsforholdene til popup-vinduet på en veldig presis måte.

Crocoblocks JetPopup er en utvidelse for Elementor. Du kan kjøpe den som en frittstående plugin eller kjøpe den i en pakke med andre Crocoblock-plugins. Fordelen med å bruke JetPopup til å lage et popup-vindu er at det kommer med mange kule funksjoner.

Du kan leke med popup-vinduets utløsere.
Du kan lage animasjoner for popup-vinduet.
Et stort antall popup-maler er tilgjengelige.

Les også: 22 beste premium-tillegg for Elementor

Brizy Pro

Popup-byggeren til Brizy Pro tilbyr deg to alternativer. Den første er den klikkaktiverte popup-vinduet, og den andre er de automatiske triggerne og betingelsene.

Åpning ved klikk: Din popup kan utløses ved å klikke på elementene på siden din.
Automatiske utløsere og betingelser: Du kan konfigurere besøkendes handlinger som avgjør når popup-vinduer vises.

Som nevnt tidligere har du flere alternativer for å lage en popup i WordPress. I denne opplæringen vil vi vise deg hvordan du lager og viser en popup per post-tag ved å bruke versjonen Elementor Pro, assurez-vous donc d’en avoir déjà une.

Det første du må gjøre er å lage en ny popup-mal. For å lage en ny popup-mal, gå til Maler > Popups på WordPress-dashbordet og klikk på knappen Legg til ny.

Deretter legger du til navnet på popup-vinduet og klikker på knappen LAG EN MODELL.

Du vil bli henvist til malbiblioteket, du kan velge en mal fra bibliotekvinduet eller designe din egen Popup-mal. For å bruke en mal fra biblioteket klikker du bare på knappen sett.

Men i denne opplæringen skal vi lage Popup-malen fra bunnen av. Klikk på ikonet X for å lukke malbiblioteket.

Vi må gjøre noen justeringer i Popup-innstillingene før vi begynner å lage en Popup-mal. Du kan finne de beste innstillingene for nettstedet ditt. I denne opplæringen vil vi vise deg popup-innstillingene du ønsker.

Klikk på tannhjulikonet i nedre venstre hjørne. I Popup-innstillingene endrer du Bredde i 90 % av visningens bredde (VW) Et den Stilling en Senter-bunn.

Deretter utformer du popup-malen din. Legg til en ny seksjon og velg strukturen med 5 kolonner. I seksjonsinnstillingene angir du Bredde på 950. Du kan leke med innstillingene dine.

Du kan for eksempel gå til fanen Stil for å angi bakgrunnen, gå til fanen avansert for å tilpasse margen, og mange flere.

Nå tilbake til kolonnene dine. I venstre kolonne setter du bredden til 33 %, og for de fire andre til 16 %.

I venstre kolonne legger vi til en Tittel-widget med litt tekst. Du kan legge til tekst som inviterer besøkende på nettstedet til å se annet innhold som er relevant for gjeldende innhold, eller hvilken som helst annen tekst du ønsker.

Til høyre legger vi til en bildemodul. Du kan legge til bilder fra miniatyrbilder/fremhevede bilder av innlegg eller laste dem opp manuelt.

Nå er strukturen klar. Gå tilbake til Popup-innstillinger for å tilpasse inngangs-, utgangs- og marganimasjoner. I denne opplæringen setter vi inngangen til Tok ned og utgangen på Tokne opp. Gå deretter til fanen avansert og sett marginen til 30 (fellesverdi for lenker).

Nå som designet er klart, klikk på knappen PUBLISH for å stille inn visningsbetingelser og utløsere. For å definere visningstilstanden, klikk på knappen LEGG TIL EN BETINGELSE og velg alternativet fra rullegardinlisten.

Ettersom du ønsker å vise Popup by post-taggen, kan du angi følgende visningsbetingelser (se animasjon).

Klikk Neste. I fanen triggere, sett utløseren til På Rull vri bryteren til ja. Definer Lederskap på Lav og Bredde over 95 %. Fordi vi vil at popup-vinduet skal vises når besøkende når slutten av artikkelen vår.

I denne opplæringen skal vi ikke definere Avanserte regler. Så klikk videre LAGRE OG LUKK. Vel, nå er vi ferdige.

La oss se hvordan det ser ut.

Her har du nettopp fullført popup-vinduet. Se også våre relaterte artikler:

Last ned Elementor Pro

Del denne artikkelen:

Mikhos Gartner

Mikhos Gartner er en ekspert på digitale verktøy som kjøper, tester og vurderer SAAS-verktøy for små bedrifter. Han bygger på mange års erfaring innen teknologifeltet og gir innsiktsfulle anmeldelser. Innholdet er mye konsumert, og betjener millioner av brukere hver måned.