Kuinka lisätä Facebook-tapahtumakalenteri WordPressiin – Qode Interactive

Kanssa käyttäjien määrä lähes kolme miljardia, Facebook on helposti suosituin sosiaalinen verkosto tällä hetkellä. Yksi syy sen suosioon käyttäjien keskuudessa ovat sen ominaisuudet – Facebookissa ihmiset ovat yhteydessä ihmisiin, yritykset ovat yhteydessä asiakkaisiin ja yhteisöjä voi muodostua orgaanisesti, mitä tahansa muuta verkostosta ajatteletkin.

Yksi Facebookin suosituimmista ominaisuuksista on tapahtumien järjestäminen ja suunnittelu. Jos sinulla on verkkosivustoa yritykselle tai yhteisölle (kuten harrastekerholle tai naapurustolle), joka järjestää kokouksia tai tapahtumia kuinka usein tahansa, sinulla on todennäköisesti myös Facebook-ryhmää tai -sivua järjestämään ja tiedottamaan osallistujille.

Tietysti voit käyttää WordPressiä Facebook-ryhmäsyötteen tai sivun aikajanan upottamiseen verkkosivustollesi, mutta oletetaanko, että haluat vain tapahtumakalenterin? Meillä on selkäsi. Mutta ennen kuin menemme ohjeen muttereihin ja pultteihin, meidän on mentävä hetki miksi ja miksi.

Miksi lisätä Facebook-tapahtumakalenteri verkkosivustollesi?

Niin suosittu kuin se on, monet ihmiset käyttävät Facebookia vain epäsäännöllisesti (tai vain pitääkseen yhteyttä perheeseen ja ystäviin) vieraillessaan suosikkisivustoillaan päivittäin uutisia varten. Myöskään verkkosivustosi vierailijat ja Facebook-seuraajat tai ryhmän jäsenet eivät välttämättä mene päällekkäin. Kun verkkosivustollasi on Facebook-tapahtumakalenteri, kävijät saavat ilmoituksen tulevista tapahtumista yhdellä silmäyksellä, vaikka he eivät haluaisi kirjautua Facebookiin merkitäkseen kiinnostuneiksi tai menoiksi.

Toki voit luoda verkkosivustollesi tapahtuman rekisteröintisivun, mutta vain siinä kaksinkertaistaa työn jos haluat myös luoda tapahtumia Facebook-yhteisöllesi. Lisäksi Facebookissa rekisteröityminen tapahtumaan vie vain napsautuksen, mikä tekee siitä hyvän vaihtoehdon epävirallisiin tapahtumiin tai suuriin kokoontumisiin. Mielestämme kattava lomake tai RSVP-laajennus on parempi vain kutsutapahtumiin, mutta klubikokouksiin, ulkoilmatapahtumiin ja vastaaviin yksinkertaisempi on parempi.

Facebook-tapahtumakalenterin lisääminen WordPressiin Ennen kuin aloitat, tarvitset Facebook-sivun, jossa on vähintään yksi tuleva tapahtuma. Kun sinulla on Facebook-sivu tapahtumalla, tarvitset sen URL-osoitteen. Lataa vain sivusi selaimeesi ja kopioi se.

Sitten sinun on päästävä Facebookin sivulaajennus sivulle, jotta voit luoda tarvitsemasi koodin.

Ensimmäinen asia, joka sinun on syötettävä, on Facebook-sivun URL-osoite. Kun olet tehnyt sen, saat esikatselun sivusi aikajanasta esikatseluruutuun, jossa sivusi viestit ovat laskevassa järjestyksessä viimeisimmästä ensimmäiseen. Tässä on kuitenkin kyse tapahtumista, joten Välilehdet -kentässä sinun on korvattava ”aikajana” sanalla ”tapahtumat”. Kun painat enteriä, näet, että esikatselu on muuttunut näyttämään vain tulevat tapahtumat, joista välittömät ovat ensin.

Täällä voit myös muokata vierailijoille näkyvän widgetin ulkoasua. Voit asettaa Leveys ja Korkeus, jossa leveys on rajoitettu 180–500 pikseliin, kun taas korkeuden on oltava yli 70 pikseliä. Jos jätät nämä kentät tyhjiksi, saat oletusarvot 340 x 500 pikseliä.

Leveys- ja Korkeus-kenttien alla olevat valintaruudut säätelevät tapahtumakalenterisi tyyliä: voit valita Pieni otsikko tai Piilota kansikuva antaaksesi enemmän tilaa tapahtumasi sisällölle, ja voit myös poistaa valinnan Mukaudu laajennussäiliön leveyteen ja Näytä ystävän kasvot, jotka on oletuksena valittu.

Jos olet teknisempi, voit vierittää alaspäin ja lukea joitain Facebookin laajennuksen käyttämiä attribuutteja. Jos ei, voit napsauttaa Hanki koodi -painiketta esikatseluruudun alla saadaksesi koodisi.

Saat kaksi koodia, ja tarvitset molemmat. Kopioi ensimmäinen.

Sinun on kopioitava ensimmäinen koodinpätkäsi header.php tiedosto. Löydät sen navigoimalla osoitteeseen Ulkoasu/teemaeditori.

Etsi header.php oikeanpuoleisessa valikossa ja avaa se napsauttamalla. Etsi seuraavaksi tunniste ja liitä ensimmäinen koodinpätkä suoraan sen alle. Varmista, että et häiritse muita tunnisteita. Vieritä lopuksi alas ja napsauta Päivitä tiedosto.

Palaa seuraavaksi Facebook-sivulaajennussivulle ja kopioi toinen koodinpätkä.

Tämä on varsinaisen tapahtumakalenterin widgetin koodi, ja voit käyttää sitä millä tahansa widget-alueella verkkosivustollasi korkeuden ja leveyden huomioiden. Käytämme sitä osana postausta, mutta voit käyttää sitä milloin haluat.

Kun olet luonut viestin, napsauta plus merkki lisätäksesi lohkon ja valitse sitten HTML lohko.

Sinun tarvitsee vain liittää koodi HTML-lohkoon. Tietenkin tämä koskee Gutenbergin käyttäjiä. Jos käytät Elementoria, tarvitset Muokattu HTML elementti, kun taas a Klassinen editori käyttäjä voi yksinkertaisesti liittää koodin haluamaansa kohtaan edellyttäen, että he käyttävät Teksti näkymä.

Tapahtumakalenterisi on siellä vierailijoidesi luettavissa.

Tiivistettynä

Kuten olemme osoittaneet, Facebook-tapahtumakalenterin upottaminen WordPress-verkkosivustoosi on nopeaa ja helppoa ja käyttää Facebookin omaa koodia. Joten säästät aikaasi itsesi ja verkkosivustosi vierailijoiden kannalta, ota hetki tämän yksinkertaisen ratkaisun määrittämiseen. Vierailijasi tietävät yhdellä silmäyksellä, mitä tapahtumia sinulla on valmisteilla, ja yhteisölläsi on enemmän tapoja pysyä ajan tasalla. Kaikkein paras? Tämä widget päivittää itseään jatkuvasti, joten sinun tarvitsee luoda tapahtuma vain kerran – Facebookissa.