Har du brug for at vide, hvordan du integrerer Google Kalender i dit WordPress-websted? Så lad os se på denne vejledning sammen.
Nogle af dine hjemmesider ville have gavn af at have en kalender. Dette gælder især, hvis du koordinerer aktiviteten i et team eller et fællesskab, eller hvis du administrere en begivenhedswebsite.
Så dine besøgende eller brugere kan se, hvad der er nyt eller skal gøres, måske af hvem, men især hvornår.
I denne artikel vil jeg vise dig, hvordan du integrerer en lydhør Google-kalender på dit WordPress-websted.
Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog
Så tilbage til, hvorfor vi er her.
Gå til en Google-kalender
Hvis du allerede har Google-kalendere, skal du offentliggøre dem og springe over dette trin. Ellers kan du besøge i din browser Google Kalender og autentificere om nødvendigt. Hvis alt går godt, skal du have Google kalender-grænsefladen.
For at give dig et eksempel, vil vi bruge offentlige kalendere, der er tilgængelige i Google Kalender. For at gøre dette skal du klikke på håndtaget foran Andre dagsordener som er til venstre på din skærm. Vælg i den menu, der vises Gennemse interessante kalendere.
På listen over kalendere skal du vælge en der passer dig ved at klikke på linket Tilmeld som ligger overfor. Til denne artikel valgte jeg Ferier i Frankrig. Du skal se den, du valgte nedenfor Andre dagsordener.
Indarbejd din Google-kalender på en side eller en artikel
Klik på håndtaget foran Ferie i Frankrig (eller din offentlige dagsorden) og vælg Kalenderindstillinger. I afsnittet Integrer denne kalender skal du kopiere HTML-koden i tekstfeltet og indsætte den i din WYSIWYG-editor, som du har indtastet i teksttilstand på forhånd.
Oplev forresten vores udvalg af 10 kode redaktører for udviklere WordPress
Gem din artikel og se et eksempel på den. Visningen af dagsordenen på din hjemmeside vil i høj grad afhænge af din WordPress tema. Hvis det er fuldt responsivt, burde det ikke have nogen skærmproblemer.
Prøv at reducere bredden af dit browservindue for at se, hvordan kalenderen ser ud på mindre skærme. Hvis kalendervisningen på noget tidspunkt går i stykker, betyder det, at du bliver nødt til at tilføje en lille linje CSS til din WordPress tema.
Gå videre ved at opdage Hvordan at tilføje en brugerdefineret CSS til din WordPress blog
Vær ikke bange, det er ikke noget kompliceret.
Tilføj CSS for at gøre kalenderen lydhør
For at ændre din WordPress tema, især hvis du ikke er forfatteren, skal opdateringen ske i en barn tema eller WordPress plugin som giver dig mulighed for at tilføje tilpasset CSS.
Under alle omstændigheder, uanset hvilken mulighed du vælger, tilføj dette lille stykke CSS til dit WordPress-tema:
iframe { max-width: 100%; }Gem dine ændringer, genindlæs siden i din artikel, og kontroller, at dagsordenen denne gang vises normalt på de små skærme.
Indarbejde flere kalendere i en artikel eller side
For at komme i gang skal du abonnere på andre offentlige kalendere som vi gjorde ovenfor (Andre kalendere> Gennemse interessante kalendere), eller opret dine egne kalendere og offentliggør dem.
Når du har alle de kalendere, du har brug for, skal du vælge en, en hvilken som helst, klikke på håndtaget og vælge Kalenderindstillinger. Denne gang i afsnittet integrer denne dagsorden, klik på linket Tilpas farve, størrelse og andre muligheder. Du vil derefter blive præsenteret for et tilpasningsvindue.
Gå videre med grundlæggende i at tilpasse et WordPress-websted
Her kan du ændre nogle visuelle aspekter af din dagsorden. En vigtig ting at gøre er at give din kalendersamling en titel, ellers har den titlen på den aktuelle kalender.
Øverst i dette vindue er der et tekstfelt med en knap Opdater HTML-kode. Brug den til at få vist din kalender.
Vi anbefaler også, at du tjekker vores 10 WordPress plugins premium perfekt til at integrere en kalender på din hjemmeside
Brug af denne knap har også effekten af at opdatere HTML-koden i tekstboksen. Når du er tilfreds med dine ændringer, kopierer du denne kode til din artikel. Gem og genindlæs siden.
Opdag også Sådan placeres dit WordPress-websted i vedligeholdelsestilstand
Da du allerede har indsat CSS-koden tidligere, vil dagbogen opføre sig perfekt på alle skærme.
Som du kan se, er det ikke særlig kompliceret at tilføje en Google-kalender til dit websted. Det handler mere om at kopiere kode fra Google Kalender-applikationen og selvfølgelig indsætte den på en side eller en artikel med editoren i teksttilstand.
Men hvis du ikke besætter en hel side med dine kalendere, kan du også Tilføj en Google Kalender i dine widgets.
Oplev også nogle premium WordPress-plugins
Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af din blog eller hjemmeside.
Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.
1. Sider efter brugerrolle
Sider efter brugerrolle er en WordPress plugin som giver dig mulighed for at tilføje adgangskontrol på visse elementer på dit websted (indlæg, sider, tilpassede indlægstyper osv.)
Dette plugin kan give dig mulighed for at slette en side, en artikel, en brugerdefineret type indlæg og andre. i søgeresultater og blogkatalog. Dette giver dig mulighed for at skjule siden, kategorierne og andre menupunkter, når brugere ikke er logget ind.
Du kan også definere en URL omdirigering specifikt for brugere, der ikke har den krævede brugerrolle.
Downloade | demo | Web-hosting
2. Ultimate Affiliate Pro
Lad os starte med WordPress plugin Ultimate Affiliate Pro som nemt er en af de WordPress plugins mest robuste affiliate program, da det integreres med WooCommerce, Easy Digital Downloads, PayPal og Stripe plugins.
Der finder du alle mulige nyttige funktioner såsom: præstationsbonus og banneradministration, support til et ubegrænset antal tilknyttede selskaber og specielle tilbud, placeringer og kommissionsniveauer, henvisninger og aktier på sociale netværk, support til flere betalingsgateways PayPal, Stripe og mange flere.
Hvis alt dette ikke var imponerende nok, skal du vide, at det også har et par skabeloner til login-side, registrering, gratis konto og opretter forbindelse til de bedste e-mail-marketingudbydere som MailChimp, Constant Kontakt og mange andre.
Det er et af de bedste tilknyttede plugins WooCommerce som du finder på Envato Market.
Downloade | demo | Web-hosting
3. Materiale
Materialeadmin er et af de mest avancerede og stilfulde WordPress-plugins på markedet for tilpasning af WordPress-instrumentbrættet.
Dette WordPress-plugin kommer med stilfulde temaer 100 og giver dig muligheden for at oprette dit eget tema. Du vil være i stand til at kontrollere det komplette udseende af betjeningspanelmenuen, øverste bjælke, knapper, typografi, formularer, tekst og baggrundsfarver, logoet osv.
Materiel administrator har også mere end 20 widgets de instrumentbræt tilpasses til dit websted og viser statistik for besøgende.
Downloade | demo | Web-hosting
Anbefalede ressourcer
Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.
- Sådan omarrangerer du WordPress-indlæg
- Sådan finder linket til WordPress login-siden
- Sådan finder du de filer, til at redigere en WordPress tema
- Hvordan præsenteres og deles PDF-filer på WordPress?
- Hvordan opretter et hierarki med WordPress sider og skabeloner
Konklusion
Der! Det er det til denne tutorial dedikeret til at integrere en Google-kalender på dit WordPress-websted. Tøv ikke med at del med dine venner på dine foretrukne sociale netværk.
Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.
Hvis du har forslag eller bemærkninger, skal du lade dem stå i vores afsnit kommentarer.
...
