Behöver du veta hur man integrerar Google Kalender i din WordPress-webbplats? Så låt oss ta en titt på den här handledningen tillsammans.
Vissa av dina webbplatser skulle tjäna på att ha en kalender. Detta gäller särskilt om du samordnar aktiviteten i ett team eller en gemenskap eller om du hantera en händelsewebbplats.
Så dina besökare eller användare kan se vad som är nytt eller ska göras, kanske av vem men speciellt när.
I den här artikeln kommer jag att visa dig hur du integrerar en responsiv Google-kalender på din WordPress-webbplats.
Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg
Tillbaka till varför vi är här.
Gå till en Google-kalender
Om du redan har Google-kalendrar ska du göra dem offentliga och hoppa över det här steget. Annars, besök din webbläsare Google Kalender och autentisera vid behov. Om allt går bra bör du ha Googles kalendergränssnitt.
För att ge dig ett exempel kommer vi att använda offentliga kalendrar som är tillgängliga i Google Kalender. För att göra detta, klicka på handtaget framför andra kalendrar som finns till vänster på skärmen. Välj i menyn som visas Bläddra bland intressanta kalendrar.
I kalenderlistan, välj en som passar dig genom att klicka på länken Registrera som ligger mittemot. För den här artikeln valde jag Semester i Frankrike. Du bör se den du har valt nedan andra kalendrar.
Bädda in Google Kalender på en sida eller ett objekt
Klicka på handtaget framför Semester i Frankrike (Eller din offentliga kalender) och välj Kalenderinställningar. Kopiera HTML-koden i textrutan i avsnittet Integrera detta kalender och klistra in den i din WYSIWYG-redigerare som du har angett i textläget i förväg.
Upptäck förresten vårt urval av 10-kodredigerare för WordPress-utvecklare
Spara din artikel och förhandsgranska den. Visningen av agendan på din webbplats kommer starkt att bero på din Wordpress tema. Om den är helt responsiv bör den inte ha några skärmproblem.
Försök att minska bredden på ditt webbläsarfönster för att se hur kalendern ser ut på mindre skärmar. Om kalendervisningen vid något tillfälle går sönder betyder det att du måste lägga till en liten rad CSS till din Wordpress tema.
Gå längre genom att upptäcka Hur man lägger till en anpassad CSS till din Wordpress blogg
Var inte orolig, det är inget komplicerat.
Lägg CSS för att göra lyhörd kalendern
För att ändra din Wordpress tema, särskilt om du inte är författaren, bör uppdateringen göras i en barn tema eller ett Wordpress plugin som låter dig lägga till anpassad CSS.
I vilket fall som helst, oavsett vilket alternativ du väljer, lägg till den här lilla biten CSS till ditt WordPress-tema:
iframe { max-width: 100%; }Spara dina ändringar, ladda om sidan i din artikel och kontrollera att agendan den här gången visas normalt på de små skärmarna.
Bädda in flera kalendrar i ett inlägg eller sida
För att komma igång, prenumerera på andra offentliga kalendrar som vi gjorde ovan (Andra kalendrar> Bläddra bland intressanta kalendrar), eller skapa dina egna kalendrar och publicera dem.
När du har alla kalendrar du behöver, välj en, vilken som helst, klicka på handtaget och välj Kalenderinställningar. Den här gången i avsnittet integrera denna agenda, klicka på länken Anpassa färg, storlek och andra alternativ. Du kommer sedan att presenteras med ett anpassningsfönster.
Gå längre med grunderna för att anpassa en WordPress-webbplats
Här kan du ändra några visuella aspekter av din agenda. En viktig sak att göra är att ge din kalendersamling en titel, annars kommer den att ha titeln på den aktuella kalendern.
Längst upp i fönstret finns en textruta med en knapp Uppdatera HTML-kod. Använd den för att förhandsgranska din kalender.
Vi rekommenderar också att du kontrollerar vår 10 Wordpress plugins premium perfekt för att integrera en kalender på din webbplats
Att använda den här knappen påverkar också HTML-koden i textrutan. När du är nöjd med dina ändringar kommer du att kopiera den här koden till din artikel. Spara och ladda om sidan.
Upptäck också Hur du sätter din WordPress-webbplats i underhållsläge
Eftersom du redan har lagt in CSS-koden från tidigare kommer dagboken att fungera perfekt på alla skärmar.
Som du kan se är det inte särskilt komplicerat att lägga till en Google-kalender på din webbplats. Det handlar mer om att kopiera kod från Google Kalender-applikationen och självklistra in den på en sida eller en artikel med redaktören i textläge.
Men om du inte tar upp en hel sida med dina kalendrar kan du också Lägg till en Google Kalender widgets.
Upptäck också några premium WordPress-plugins
Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.
Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.
1. Sidor efter användarroll
Sidor efter användarroll är en Wordpress plugin som låter dig lägga till åtkomstkontroll på vissa delar av din webbplats (inlägg, sidor, anpassade inläggstyper, etc.)
Detta plugin kan låta dig ta bort en sida, en artikel, en anpassad typ av inlägg och andra. i sökresultat och bloggkatalog. Detta gör att du kan dölja sidan, kategorierna och andra menyalternativ när användare inte är inloggade.
Du kan också definiera en Omdirigeringsadress specifikt för användare som inte har den önskade användarrollen.
Ladda ner | demo | webbhotell
2. Ultimate Affiliate Pro
Låt oss börja med Wordpress plugin Ultimate Affiliate Pro som lätt är en av de Wordpress plugins mest robusta affiliate-program eftersom det integreras med WooCommerce, Easy Digital Downloads, PayPal och Stripe-plugins.
Där hittar du alla typer av användbara funktioner som: prestationsbonus och bannerhantering, stöd för obegränsat dotterbolag och specialerbjudanden, rankningar och provisioner, hänvisningar och aktier på sociala nätverk, stöd för flera betalningsportaler PayPal, Stripe och många fler.
Om allt som inte var imponerande nog borde du veta att det också har några mallar för inloggningssida, registrering, gratis konto och ansluter till de bästa e-postmarknadsföringsleverantörerna som MailChimp, Constant Kontakt och många andra.
Det är en av de bästa affiliate-pluginsna WooCommerce som du hittar på Envato Market.
Ladda ner | demo | webbhotell
3. Material
Material Admin är en av de mest avancerade och eleganta WordPress-plugins på marknaden för att anpassa WordPress-instrumentpanelen.
Detta WordPress-plugin har 100 snygga teman och ger dig möjligheten att skapa ditt eget tema. Du kommer att kunna kontrollera hela utseendet på instrumentpanelmenyn, den övre fältet, knapparna, typografin, formulärerna, texten och bakgrundsfärgerna, logotypen etc.
Materialadministratör har också mer än 20 Widgetar de instrumentbräda anpassad för din webbplats och visar statistik för besökare.
Ladda ner | demo | webbhotell
Rekommenderade resurser
Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.
- Hur man ändrar ordning på WordPress-inlägg
- Hur man hittar länken till Wordpress inloggningssidan
- Hur man hittar filerna att redigera en Wordpress tema
- Hur presenterar och delar jag PDF-filer på WordPress?
- Hur man skapar en hierarki med Wordpress sidor och mallar
Slutsats
Där! Det är det för denna handledning dedikerad till att integrera en Google-kalender på din WordPress-webbplats. Tveka inte att dela med dina vänner på dina favorit sociala nätverk.
Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.
Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.
.
