Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

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 team eller samfunn, 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 godkjenne om nødvendig. Hvis alt går bra, bør du ha Google Kalender-grensesnittet.

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

For å gi deg eksemplet, skal vi bruke offentlige kalendere som er tilgjengelige i Google Kalender. For å gjøre dette, klikk på håndtaket motsatt 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 din og forhåndsvis den. Visningen av agendaen på nettstedet ditt vil avhenge sterkt av WordPress-temaet ditt. Hvis det er fullt responsivt, bør det ikke ha noen skjermproblemer.

Prøv å redusere bredden på nettleservinduet ditt for å få en forhåndsvisning av hvordan kalenderen vises på mindre skjermer. Hvis kalendervisningen på noe tidspunkt går i stykker, betyr det at du må legge til en liten linje med CSS til WordPress-temaet ditt.

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

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg lage Enkelt og gratis ethvert nettsted eller bloggdesign med et profesjonelt utseende. Slutt å betale mye for et nettsted du kan gjøre selv.

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

Legg CSS å gjøre responsive kalenderen

For å endre WordPress-temaet ditt, spesielt hvis du ikke er forfatter, bør oppdateringen av sistnevnte gjøres i en barnet tema eller et 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 blir deretter presentert for et personaliseringsvindu.

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 premium WordPress-plugins 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.

Ønsker du å selge produktene dine på internett?

Last ned WooCommerce gratis, de beste e-handelspluginene for å selge dine fysiske og digitale produkter på WordPress og enkelt lage din nettbutikk. Perfekt for nybegynnere.

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 optimalisere grepet på bloggen eller nettstedet ditt.

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

1. Sider etter brukerrolle

Pages by User Role er et WordPress-plugin som lar deg legge til tilgangskontroll på bestemte elementer på nettstedet ditt (artikler, sider, typer tilpassede innlegg 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 Ultimate Affiliate Pro-plugin, som enkelt er en av de mest robuste WordPress-tilknyttede programtilleggene siden den 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.

...  

16 aksjer
del10
tweet2
Enregistrer4