Hvordan legge til en Facebook-arrangementskalender til WordPress 1

Hvordan legge til en Facebook-arrangementskalender til WordPress

Med antall brukere nærmer seg tre milliarder, Facebook er lett det mest populære sosiale nettverket for øyeblikket. Noe av grunnen til populariteten hos brukerne er funksjonene – på Facebook kobler folk seg til mennesker, bedrifter kobler seg til kunder, og fellesskap kan dannes organisk, hva du ellers måtte tenke på nettverket.

En av Facebooks populære funksjoner er arrangementsorganisering og planlegging. Hvis du driver et nettsted for en bedrift eller et fellesskap (som en hobbyklubb eller en nabolagsforening) som holder møter eller arrangementer med en hvilken som helst frekvens, er sjansen stor for at du også driver en Facebook-gruppe eller -side for å organisere og informere deltakere.

Selvfølgelig kan du bruke WordPress til å bygge inn en Facebook-gruppefeed eller sidetidslinje på nettstedet ditt, men anta at du bare vil ha hendelseskalenderen? Vi har din rygg. Men før vi kommer inn på muttere og bolter i fremgangsmåten, la oss ta litt tid til å gå inn på hvorfor og hvorfor.

Hvorfor legge til en Facebook-arrangementskalender på nettstedet ditt?

Populær som den er, mange bruker Facebook bare uregelmessig (eller bare for å holde kontakten med familie og venner), mens de besøker favorittnettstedene deres daglig for nyheter. Dessuten kan det hende at besøkende på nettstedet og Facebook-følgere eller gruppemedlemmer ikke overlapper hverandre. Med en Facebook-arrangementskalender på nettstedet ditt, vil de besøkende bli varslet om kommende arrangementer på et øyeblikk, selv om de ikke vil logge på Facebook for å markere seg som interessert eller på vei.

Jada, du kan bare opprette en arrangementsregistreringsside på nettstedet ditt, men bare det dobler arbeidet hvis du også vil lage arrangementer for Facebook-fellesskapet ditt. Med Facebook tar det bare et klikk å registrere seg for et arrangement, noe som gjør det til et godt alternativ for uformelle arrangementer eller store sammenkomster. Vi tror riktignok et omfattende skjema eller RSVP-plugin er bedre for arrangementer som kun er invitasjoner, men for klubbmøter, friluftsarrangementer og lignende, er enklere bedre.

Slik legger du til en Facebook-arrangementskalender til WordPressFør du begynner, trenger du en Facebook-side med minst ett kommende arrangement. Når du har en Facebook-side med et arrangement, trenger du nettadressen. Bare last inn siden din i nettleseren din og kopier den.

URL til Facebook-siden

Da må du få tilgang Facebooks side-plugin siden for å generere koden du trenger.

Det første du trenger å legge inn er URL til Facebook-siden. Når du gjør det, vil du få en forhåndsvisning av sidens tidslinje i forhåndsvisningsboksen, med sideinnleggene i synkende rekkefølge fra siste til første. Dette handler imidlertid om hendelser, så i Faner feltet må du erstatte «tidslinje» med «hendelser». Når du trykker på enter, vil du se at forhåndsvisningen har endret seg til kun å vise kommende arrangementer, med de mest umiddelbare først.

Det er her du også kan tilpasse utseendet til widgeten som vises for de besøkende. Du kan stille inn Bredde og Høyde, hvor bredden er begrenset til alt mellom 180 og 500 piksler, mens høyden må være over 70 piksler. Hvis du lar disse feltene stå tomme, vil du få standardverdiene på 340 x 500 piksler.

Avmerkingsboksene under Bredde- og Høyde-feltene styrer stilen til arrangementskalenderen din: du kan velge en Liten topptekst eller Skjul forsidebildet for å gi mer plass til arrangementsinnholdet ditt, og du kan også velge å fjerne merket Tilpass til plugin-beholderbredden og Vis vennens ansikter, som er merket som standard.

Oppsett av Facebook-plugin

Hvis du er mer teknisk tilbøyelighet, kan du bla ned og lese gjennom noen av attributtene som brukes av Facebooks plugin. Hvis ikke, kan du bare klikke på Få kode knappen under forhåndsvisningsboksen for å få koden din.

Du vil få to stykker kode, og du trenger begge. Kopier den første.

Få kode

Du må kopiere din første kodebit inn i din header.php fil. Du finner den ved å navigere til Utseende/temaredaktør.

Temaredaktør

Finn header.php i menyen til høyre og klikk for å åpne den. Deretter finner du -taggen og limer inn den første kodebiten rett under den, og pass på at du ikke forstyrrer andre tagger. Til slutt, bla ned og klikk Oppdater fil.

Lim inn kode

Gå deretter tilbake til Facebook Page Plugin-siden og kopier den andre kodebiten.

Widget-kode

Dette er koden til den faktiske hendelseskalenderwidgeten, og du kan bruke den i et hvilket som helst widgetområde på nettstedet ditt, med tanke på høyden og bredden. Vi vil bruke det som en del av et innlegg, men du kan bruke det når du vil.

Når du har opprettet et innlegg, klikk på Plus tegn for å legge til en blokk, og velg deretter HTML blokkere.

Legg til blokk

Alt som gjenstår å gjøre er å lime inn koden i HTML-blokken din. Dette gjelder selvfølgelig for Gutenberg-brukere. Hvis du bruker Elementor, trenger du Egendefinert HTML element, mens en Klassisk redaktør brukeren kan ganske enkelt lime inn koden der de vil ha den, forutsatt at de bruker Tekst utsikt.

Legg til kode

Og eventkalenderen din vil være der for de besøkende å lese.

Forhåndsvisning av hendelseskalender

For å konkludere

Som vi har vist, er det raskt og enkelt å bygge inn en Facebook-begivenhetskalender i WordPress-nettstedet ditt og bruker Facebooks egen kode. Så, for å spare tid for deg og for besøkende på nettstedet ditt, ta litt tid å sette opp denne enkle løsningen. Besøkende vil vite hvilke hendelser du har i pipelinen på et øyeblikk, og fellesskapet ditt vil ha flere måter å holde seg informert på. Best av alt? Denne widgeten oppdaterer seg selv konstant, noe som betyr at du bare trenger å opprette en begivenhet én gang – på Facebook.

Støtt vårt arbeid ❤️

Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.

Sikker betaling med PayPal
Moyens I/O Staff har motivert deg, gitt deg råd om teknologi, personlig utvikling, livsstil og strategier som vil hjelpe deg.