Trenger du å vite hvordan du integrerer Google Kalender i WordPress-nettstedet ditt? Så la oss ta en titt på denne veiledningen sammen.

Noen av nettstedene dine vil ha nytte av å ha en kalender. Dette gjelder spesielt hvis du koordinerer aktiviteten til et lag eller et fellesskap eller hvis du administrere et nettsted.

Så besøkende eller brukere kan se hva som er nytt eller skal gjøres, kanskje av hvem, men spesielt når.

I denne artikkelen vil jeg vise deg hvordan du kan integrere en responsiv Google-kalender på WordPress-nettstedet ditt.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Gå til en Google-kalender

Hvis du allerede har Google-kalendere, gjør du dem offentlige og hopper over dette trinnet. Ellers kan du gå til nettleseren din Google-kalendere og autentisere om nødvendig. Hvis alt går bra bør du ha Google-kalendergrensesnittet.

hvordan du integrerer en Google-kalender til WordPress-nettstedet ditt for Google-kalender-grensesnitt

For å gi deg et eksempel, vil vi bruke offentlige kalendere som er tilgjengelige i Google Kalender. For å gjøre dette, klikk på håndtaket foran andre kalendere som er til venstre på skjermen. Velg i menyen som vises Bla gjennom interessante kalendere.

I kalenderlisten, velg en som passer deg ved å klikke på lenken registrere som ligger overfor. For denne artikkelen valgte jeg Ferier i Frankrike. Du burde se den du har valgt nedenfor andre kalendere.

Legge inn Google Kalender på en side eller et element

Klikk på håndtaket foran Ferie i Frankrike (Eller din offentlige kalender) og velge Kalenderinnstillinger. Kopier HTML-koden i tekstboksen i delen Integrer denne kalenderen og lim den inn i WYSIWYG-redigeringsprogrammet du har skrevet inn i tekstmodus på forhånd.

Oppdag forresten vårt utvalg av 10 kode redaktører for utviklere WordPress

Code-innlegg-kalender

Lagre artikkelen og forhåndsvis den. Visningen av agendaen på nettstedet ditt vil i stor grad avhenge av din WordPress tema. Hvis den er fullstendig responsiv, bør den ikke ha noen skjermproblemer.

Prøv å redusere bredden på nettleservinduet for å se hvordan kalenderen ser ut på mindre skjermer. Hvis kalendervisningen på noe tidspunkt bryter, betyr det at du må legge til en liten linje med CSS til din WordPress tema.

Gå videre ved å oppdage Hvordan legge til en egendefinert CSS til din WordPress blog

Ikke vær redd, det er ikke noe komplisert.

Legg CSS å gjøre responsive kalenderen

For å endre din WordPress tema, spesielt hvis du ikke er forfatteren, bør oppdateringen gjøres i en barnet tema eller WordPress Plugin som lar deg legge til tilpasset CSS.

Uansett, uansett hvilket alternativ du har valgt, legg til dette lille stykke CSS til WordPress-temaet ditt:

iframe {     max-width: 100%; }

Lagre endringene, last inn siden i artikkelen din og sjekk at denne gangen vises agendaen normalt på de små skjermene.

Legge ned flere kalendere i et innlegg eller side

For å komme i gang, abonner på andre offentlige kalendere som vi gjorde ovenfor (Andre kalendere> Bla gjennom interessante kalendere), eller lag dine egne kalendere og gjør dem offentlige.

Når du har alle kalenderne du trenger, velger du en, hvilken som helst, klikker du på håndtaket og velger Kalenderinnstillinger. Denne gangen, i seksjonen integrer denne agendaen, klikk på lenken Tilpass farge, størrelse og andre alternativer. Du vil da bli presentert med et tilpasningsvindu.

Gå videre med grunnleggende om å tilpasse et WordPress-nettsted

Her kan du endre noen visuelle aspekter av agendaen din. En viktig ting å gjøre er å gi kalendersamlingen din en tittel, ellers vil den ha tittelen på den gjeldende kalenderen.

integrer Google Kalender

Øverst i dette vinduet er det en tekstboks med en knapp Oppdater HTML-kode. Bruk den til å forhåndsvise kalenderen din.

Vi anbefaler også at du sjekker vår 10 WordPress plugins premium perfekt for å integrere en kalender på nettstedet ditt

Bruk av denne knappen har også effekten av å oppdatere HTML-koden i tekstboksen. Når du er fornøyd med endringene dine, vil du kopiere denne koden til artikkelen din. Lagre og last inn siden på nytt.

Oppdag også Slik setter du WordPress-nettstedet ditt i vedlikeholdsmodus

Siden du allerede har satt inn CSS-koden tidligere, vil dagboken oppføre seg perfekt på alle skjermer.

Som du har sett, er det ikke veldig komplisert å legge til en Google-kalender på nettstedet ditt. Det handler mer om å kopiere kode fra Google Kalender-applikasjonen og lime den inn på en side eller en artikkel selvfølgelig med redaktøren i tekstmodus.

Men hvis du ikke klarer å okkupere en hel side med kalenderne dine, kan du også Legg til en Google Kalender Kalender widgets.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. Sider etter brukerrolle

Sider etter brukerrolle er en WordPress Plugin som lar deg legge til tilgangskontroll på visse elementer på nettstedet ditt (innlegg, sider, tilpassede innleggstyper osv.)

Sider etter brukerrolle for WordPress

Dette pluginet kan tillate deg å slette en side, en artikkel, en tilpasset type innlegg og andre. i søkeresultater og bloggkatalog. Dette lar deg skjule siden, kategoriene og andre menyelementer når brukere ikke er logget på.

Du kan også definere en Omadresser-URL spesifikk for brukere som ikke har den nødvendige brukerrollen.

Last ned | dEMO | Webhotell

2. Ultimate Affiliate Pro

La oss starte med WordPress Plugin Ultimate Affiliate Pro som lett er en av de WordPress plugins mest robuste tilknyttede program siden det integreres med WooCommerce, Easy Digital Downloads, PayPal og Stripe-plugins.

Ultimate Affiliate Pro WordPress-plugin

Der vil du finne alle slags nyttige funksjoner som: en ytelsesbonus og banneradministrasjon, støtte for et ubegrenset antall tilknyttede selskaper og spesialtilbud, rangeringer og provisjonsnivåer, henvisninger og aksjer på sosiale nettverk, støtte for flere betalingsportaler PayPal, Stripe og mange flere.

Hvis alt dette ikke var imponerende nok, bør du vite at det også har noen maler for påloggingsside, registrering, gratis konto og kobler seg til toppleverandører av e-postmarkedsføring som MailChimp, Constant Kontakt og mange andre.

Det er en av de beste tilknyttede plugins WooCommerce som du finner på Envato Market.

Last ned | dEMO | Webhotell

3. Materiale

Material Admin er et av de mest avanserte og stilige WordPress-plugins på markedet for å tilpasse WordPress-dashbordet.

Materiell White Label WordPress-administrasjonstema

Denne WordPress-plugin-en har 100 stilige temaer og gir deg muligheten til å lage ditt eget tema. Du vil kunne kontrollere hele utseendet på dashbordmenyen, topplinjen, knappene, typografien, skjemaene, teksten og bakgrunnsfargene, logoen, etc.

Materialadministrator har også mer enn 20 widgets de dashbord tilpasses for nettstedet ditt og viser statistikk for besøkende.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Det! Det er det for denne opplæringen dedikert til å integrere en Google-kalender på WordPress-nettstedet ditt. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...