TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til toppvarslingslinje i WordPress?

2

Mange bloggere skrev lange opplæringsartikler. Imidlertid er effektiviteten til artikkelen ikke i lengden og avhenger av resultatene av din oppfordring til handlinger. WordPress lar deg sette inn oppfordringshandlinger på forskjellige måter. Den mest effektive og attraktive måten er å legge til den øverste varslingslinjen. Hvis du leter etter hvordan du legger til den beste varslingslinjen i WordPress, forklarer vi flere måter i denne artikkelen.

Topp varslingslinjeeksempler

Før vi fortsetter, la oss først vise deg noen eksempler på de beste varslingslinje -widgetene i WordPress. Første eksempel er fra det populære lette temaet GeneratePress -nettstedet. De tilbyr rabatten på GeneratePress -temaet med to oppfordringsknapper i linjen.

Hvordan legge til toppvarslingslinje i WordPress?

GeneratePress Eksempler på toppvarsler

Det andre eksemplet er et annet populært Astra -tema -nettsted. Her kan du se en spesialtilbudstekst med nedtellingstimer.

Hvordan legge til toppvarslingslinje i WordPress?

Astra Top Notification

Du kan se hundrevis av slike eksempler over hele internett, og å lage dine egne på nettstedet ditt er en enkel oppgave.

Alternativer for å legge til toppvarslingslinje i WordPress

Her er noen av alternativene du kan bruke.

  • Dedikert plugin for varslingslinje
  • Multi-purpose plugins
  • Bruke temalternativer med WordPress hook API
  • Bruk av tredjepartsinnbygginger
  • Bruk din egen tilpassede CSS

1 Bruke dedikerte varslingsplugger

Vi anbefaler å bruke dette alternativet, ettersom det er enkelt å kontrollere og tilpasse med minimal innsats. Du kan også få mange gratis plugins til dette formålet i stedet for å lete etter en premium plugin, og her vil vi forklare med Easy Notification Bar -plugin. Programtillegget bruker wp_body_open hook API for å sette inn varselet over kroppsseksjonen på nettstedet ditt. Derfor vil det fungere med alle temaer som bruker de nyeste WordPress -standardene. Installer og aktiver først plugin -modulen Easy Notification Bar.

Hvordan legge til toppvarslingslinje i WordPress?

Installer Easy Notification Bar

Deretter går du til delen "Plugins> Installed Plugins". Klikk på "Settings" -koblingen under plugin -modulen Easy Notification Bar.

Hvordan legge til toppvarslingslinje i WordPress?

Enkle varslingslinjeinnstillinger

Tilpasse plugin -innstillinger

Programtillegget tilbyr ikke en egen innstillingsside. Det legger til alle alternativene under standard WordPress -tilpasningsseksjon. Fordelen med denne måten er at du enkelt kan forhåndsvise varslingslinjen på skrivebord og mobilvisning før du publiserer den live.

Her er alternativene, du kan tilpasse med pluginet.

  • Aktiver varslingslinje – aktiver denne avmerkingsboksen for å se den direkte forhåndsvisningen av varslingslinjen på forhåndsvisningen. Fordelen her er at du kan endre visningen til skrivebord, nettbrett og mobil for å bekrefte utseendet på linjen uten å publisere endringene.
  • Vis lukkeikon – hvis du vil at brukerne skal lukke linjen, må du aktivere denne boksen. Ellers kan ikke brukerne lukke linjen, og den vil alltid være der øverst på sidene dine.
  • Lukk -ikon – velg vanlige eller konturikoner for lukkeknappen.
  • Aktiver klebrig – aktiver for å gjøre varselet ditt klebrig når brukere ruller nedover innholdsområdet på sidene dine.

Hvordan legge til toppvarslingslinje i WordPress?

Enkle varslingslinjeinnstillinger i Customizer

  • Deaktiver bare på forsiden – sjekk dette for å deaktivere varslingslinjen bare på hjemmesiden din.
  • Melding – programtillegget fyller eksempelmeldingen i boksen, sletter den og legger til den egendefinerte meldingen som skal vises i linjen.
  • Bakgrunns- / tekstfarge – bruk bakgrunns- og skriftfarger for linjen og teksten.
  • Tekstjustering – juster teksten inne i linjen til venstre, høyre eller midt.
  • Systemfontfamilie – bruk dette alternativet for å laste inn systemfont for tekstinnholdet i varslingslinjen. Ellers bruker pluginet også temaets standardinnstillinger for varslingslinjen.
  • Skriftstørrelse – skriv inn skriftstørrelsen som 18 piksler for å ha forskjellig tekststørrelse sammenlignet med kroppsseksjonen.

Hvordan legge til toppvarslingslinje i WordPress?

Tilpasse varslingslinje

  • Knapptekst og lenke – legg til tekst og lenke for knappen din
  • Koblingsparametere – du kan gjøre knappelinken som nofollow, sponset og åpne den i et nytt vindu.

Etter å ha tilpasset innstillingene dine, klikker du på "Publiser" -knappen for å se den øverste varslingslinjen i aksjon på ditt live nettsted. Som du kan se skjermbildet nedenfor, vil det se ut som det profesjonelle nettstedets eksempler som forklart ovenfor.

Hvordan legge til toppvarslingslinje i WordPress?

Publisert varslingslinje

Alternativt alternativ – FooBar

Som navnet indikerer, lar Easy Notification Bar -plugin deg lage en enkel stolpe på toppen uten andre alternativer. For eksempel kan du ikke deaktivere eller aktivere bare på sider der du trenger det. Hvis du trenger en varslingslinje for WordPress -nettstedet ditt med flere alternativer, kan du prøve FooBar -plugin.

  • Etter at du har installert programtillegget, kan du importere demoer som du kan redigere og bruke på nytt.

Hvordan legge til toppvarslingslinje i WordPress?

Importer demobarer

  • Du kan opprette varsel, varsel om informasjonskapsler og oppfordring til handling alt ved å bruke en enkelt plugin.

Hvordan legge til toppvarslingslinje i WordPress?

Opprett ny varslingslinje i FooBar

  • Forhåndsvis baren rett inne i adminområdet eller i frontend uten å publisere den.
  • Juster posisjon, synlighet og utseende etter behov.

Hvordan legge til toppvarslingslinje i WordPress?

Juster utseendet med FooBar

2 flerbruksplugger

Det er noen plugins som gjør flere oppgaver. For eksempel kan du bruke OptinMonster -plugin for å legge til den beste varslingslinjen i WordPress, selv om pluginens viktigste formål er ledelse. På samme måte kan du bruke WP Review Pro -pluginet til å legge til varslingswidget på toppen, selv om plugin -modulen er ment for å lage anmeldelser. Her forklarer vi med WP Review Pro, og du kan sjekke ut lignende plugins i WordPress plugin repository.

  • Når du har pro -versjonen av WP Review -plugin installert på nettstedet ditt, kan du opprette eller redigere en side.
  • Programtillegget legger til en metaboks for gjennomgang i redigeringsprogrammet og klikker på "Varslingslinje" -fanen.
  • Velg "Bruk egendefinerte alternativer" mot "Aktiver", og tilpass utseendet til varslingslinjen.

Hvordan legge til toppvarslingslinje i WordPress?

WP Review Pro -innstillinger for varslingslinje

3 Bruk temaalternativer

Mange WordPress -temaer gir en enkel måte å sette inn en topp varslingslinje uten behov for plugin. For eksempel bruker eksemplene ovenfor vi har vist fra GeneratePress og Astra begge WordPress hook API og tilpassede layoutalternativer. Slik kan du lage den beste varslingslinjen i GeneratePress -temaet uten plugin.

  • Først må du forberede HTML -innholdet til linjen.
  • Gå til delen "Utseende> widgets" og lim inn HTML -koden din i et " tilpasset HTML " -element i widgetområdet "Topplinje".

Hvordan legge til toppvarslingslinje i WordPress?

Legg til tilpasset HTML i topplinje -widgeten

  • Lagre endringene og gå til "Utseende> Tilpass" -delen.
  • Naviger til delen "Toppstang" og juster polstring, bredde og justering av stangen.

Hvordan legge til toppvarslingslinje i WordPress?

Tilpasse topplinjen i GeneratePress

  • Forhåndsvis og publiser endringene dine.

Hvordan legge til toppvarslingslinje i WordPress?

Varslingslinje med GeneratePress Top Bar Widget

Utseendet på linjen avhenger av HTML -koden din, og du kan legge inn knappen og teksten for å vise dem på en enkelt linje.

4 Bruke tredjepartsinnbygginger

I tillegg til WordPress-temaer og plugins, har du også alternativer fra tredjepart. Du kan bruke e -postabonnement fra MailChimp eller en annen leverandør øverst på nettstedet ditt. Dette er den beste måten å samle e -post fra lesere som overholder GDPR og andre lokale lover. På samme måte kan du bruke Hello Bar eller lignende tjeneste for å legge til en varslingsfelt for å få trafikk til en destinasjonsside.

5 Bruke din egen CSS

Du kan ganske enkelt legge til et stykke CSS -kode over navigasjonsmenyområdet i toppteksten. Dette er imidlertid et stivt alternativ, og du må tilpasse linjen for mobilvisning. I tillegg kan du ikke endre linjen på forskjellige sider basert på innholdet. Derfor vil vi ikke forklare dette i detalj.

Faktorer du bør vurdere før du velger Plugin for toppvarsler

Selv om forskjellige alternativer er tilgjengelige, må du vurdere formålet før du velger det passende alternativet for deg.

  • For markedsføringsformål på e -post må du kontrollere om pluginet tillater integrering med e -postskjemaer. Alternativt kan du velge tredjeparts tjenesteleverandører som MailChimp.
  • Vis frem dine egne produktkuponger eller tilknyttede kuponger trenger vakre knapper med ikoner.
  • For å få trafikk til en hvilken som helst destinasjonsside kan du ha en enkel bar.
  • Produkt eller andre lanseringer trenger en tidtaker i baren.

Siste ord

Som du kan se, er det mange alternativer tilgjengelig for å sette inn den øverste varslingslinjen på WordPress -nettstedet ditt. Vi anbefaler å bruke temalternativ hvis tilgjengelig, selv om du må bruke litt tid på å lage HTML -kode. Gratis plugins er enkle å bruke, men med begrensede alternativer. Det beste alternativet er å bruke premium -plugins slik at du har full kontroll over varslingslinjen.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon