Com incrustar Google Calendar al vostre lloc web

Taula de continguts:

Com incrustar Google Calendar al vostre lloc web
Com incrustar Google Calendar al vostre lloc web
Anonim

Què cal saber

  • A Google Calendar, seleccioneu tres punts al costat d'un calendari > Configuració i ús compartit > còpia Codi d'inserció.
  • Copia el codi de la configuració predeterminada del calendari o selecciona Personalitza per canviar la configuració.
  • Copieu el codi HTML i enganxeu-lo a l'HTML de la vostra pàgina web.

Aquest article explica com seleccionar, personalitzar i inserir un calendari de Google al vostre lloc web. Les instruccions s'apliquen als ordinadors de qualsevol navegador.

Com inserir un calendari de Google al vostre lloc web

Utilitzeu Google Calendar gratuït per gestionar i compartir un calendari públic al vostre lloc web.

Com començar: Configuració

Image
Image

Per inserir un calendari, inicieu la sessió a Google Calendar. A continuació, aneu al tauler esquerre i passeu el cursor per sobre del calendari que voleu incrustar. Seleccioneu els tres punts que apareixen. Al quadre d'opcions ampliat, seleccioneu Configuració i compartició.

Copia el codi o selecciona més opcions

Image
Image

Desplaça't cap avall fins a la secció Integra el calendari. A Feu servir aquest codi per inserir aquest calendari en una pàgina web, copieu el codi d'inserció. La mida predeterminada és un calendari de 800 per 600 píxels amb l'esquema de colors predeterminat de Google.

Seleccioneu Personalitza per canviar la configuració.

Personalització de l'aspecte

Image
Image

Després de seleccionar Personalitza, especifiqueu el color de fons predeterminat perquè coincideixi amb el vostre lloc web, la zona horària, l'idioma i el primer dia de la setmana. Estableix el calendari predeterminat a Setmana, Mes o Agenda visualització.

La visualització

Agenda és útil per a alguna cosa, com ara un menú de cafeteria o un programa de projectes d'equip.

També pots especificar quins elements es mostraran al teu calendari, com ara el títol, la icona d'impressió o els botons de navegació.

La mida predeterminada és de 800 per 600 píxels. Aquesta mida està bé per a una pàgina web a mida completa sense res més; tanmateix, si afegeixes el teu calendari a un bloc o a una pàgina web amb altres elements, hauràs d'ajustar la mida.

Cada vegada que feu un canvi, el lloc mostra una vista prèvia en directe. L'HTML a sobre del calendari també canvia.

Quan estigueu satisfet amb els vostres canvis, aneu a la part superior de la pantalla i a Codi d'inserció, còpia (Ctrl+Co Ordre+C) l'HTML.

Enganxeu el vostre HTML

Image
Image

Enganxeu (Ctrl+V o Command+V) el codi a la secció corresponent de l'HTML de la vostra pàgina web.

El calendari està incrustat

Image
Image

Vegeu la vostra pàgina final per mostrar el calendari en directe. Qualsevol canvi que feu als esdeveniments del vostre calendari s'actualitza automàticament.

Si no és exactament la mida o el color que teníeu en ment, torneu a Google Calendar i ajusteu la configuració, però haureu de copiar i enganxar el codi HTML de nou. En aquest cas, estàs canviant la manera com apareix el calendari a la teva pàgina, no els esdeveniments.

Recomanat: