Gå till innehållet

Hur du integrerar en Google-kalender i din WordPress-webbplats

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Behöver du veta hur du integrerar en Google-kalender på din WordPress-webbplats? Så låt oss ta en titt på den här handledningen tillsammans.

Vissa av dina webbplatser skulle ha nytta av att ha en kalender. Detta gäller särskilt om du samordnar aktiviteten i ett team eller community 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 verifiera vid behov. Om allt går bra bör du ha Google Kalender-gränssnittet.

hur man integrerar en google-kalender på din WordPress-webbplats för google-kalender-gränssnitt

För att ge dig exemplet ska vi använda offentliga kalendrar som är tillgängliga i Google Kalender. För att göra detta, klicka på handtaget mittemot 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

Code-inlägg-kalender

Spara din artikel och förhandsgranska den. Visningen av agendan på din webbplats beror starkt på ditt WordPress-tema. Om det är fullt lyhört borde det inte ha några visningsproblem.

Prova att minska bredden på webbläsarfönstret för att få en förhandsvisning av hur kalendern visas på mindre skärmar. Om kalendervisningen någon gång bryts betyder det att du måste lägga till en liten rad CSS till ditt 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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Lägg CSS för att göra lyhörd kalendern

För att ändra ditt WordPress-tema, särskilt om du inte är författare, bör uppdateringen av den senare 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 för 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.

fler agenda-custom

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

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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 optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Sidor efter användarroll

Pages by User Role är ett WordPress-plugin som låter dig lägga till åtkomstkontroll på vissa delar av din webbplats (artiklar, sidor, typer av personliga inlägg etc.)

Sidor efter användarroll för WordPress

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

Låt oss börja med WordPress Ultimate Affiliate Pro-plugin-programmet som enkelt är ett av de mest robusta WordPress-tilläggsprogrammen eftersom det integreras med WooCommerce, Easy Digital Downloads, PayPal och Stripe-plugins.

Ultimate Affiliate Pro WordPress-plugin

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.

Material White Label WordPress-admintema

Detta WordPress-plugin har 100 snygga teman och ger dig möjligheten att skapa ditt eget tema. Du kommer att kunna styra hela utseendet på instrumentpanelmenyn, toppraden, knapparna, typografi, former, text- och bakgrundsfärger, logotyp, etc.

Materialadministratör har också mer än 20 Widgetar de instrumentbräda anpassad för din webbplats och visar statistik för besökare.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

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.

.  

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
16 aktier
del10
tweet2
Enregistrer4