Как да вградите Google Календар във вашия уебсайт

Съдържание:

Как да вградите Google Календар във вашия уебсайт
Как да вградите Google Календар във вашия уебсайт
Anonim

Какво да знаете

  • В Google Календар изберете три точки до календар > Настройки и споделяне > копиране Код за вграждане.
  • Копирайте кода за настройките на календара по подразбиране или изберете Персонализиране, за да промените настройките.
  • Копирайте HTML кода и го поставете в HTML за вашата уеб страница.

Тази статия обяснява как да изберете, персонализирате и вградите календар на Google в уебсайта си. Инструкциите се отнасят за настолни компютри във всеки браузър.

Как да вградите календар на Google в уебсайта си

Използвайте безплатния календар на Google, за да управлявате и споделяте публичен календар на уебсайта си.

Първи стъпки: Настройки

Image
Image

За да вградите календар, влезте в Google Calendar. След това отидете в левия панел и задръжте курсора на мишката върху календара, който искате да вградите. Изберете трите точки, които се показват. В полето с разширени опции изберете Настройки и споделяне.

Копирайте кода или изберете още опции

Image
Image

Превъртете надолу до секцията Интегриране на календар. Под Използвайте този код, за да вградите този календар в уеб страница, копирайте кода за вграждане. Размерът по подразбиране е календар с размери 800 на 600 пиксела с цветовата схема по подразбиране на Google.

Изберете Персонализиране, за да промените настройките.

Персонализиране на външния вид

Image
Image

След като изберете Персонализиране, задайте цвета на фона по подразбиране, който да съответства на вашия уебсайт, часовата зона, езика и първия ден от седмицата. Задайте календара по подразбиране на Week, Month или Agenda изглед.

Agenda изгледът е полезен за нещо като меню в кафене или график на екипен проект.

Можете също да посочите кои елементи да се показват във вашия календар - като заглавие, икона за печат или бутони за навигация.

Размерът по подразбиране е 800 на 600 пиксела. Този размер е подходящ за уеб страница в пълен размер без нищо друго върху нея; ако обаче добавяте своя календар към блог или уеб страница с други елементи, ще трябва да коригирате размера.

Всеки път, когато направите промяна, сайтът показва преглед на живо. HTML кодът над вашия календар също се променя.

Когато сте доволни от промените си, отидете в горната част на екрана и под Код за вграждане копирайте (Ctrl+C или Command+C) HTML.

Поставете вашия HTML

Image
Image

Поставете (Ctrl+V или Command+V) кода в съответния раздел на HTML за вашата уеб страница.

Календарът е вграден

Image
Image

Вижте последната си страница, за да покажете календара на живо. Всички промени, които правите в събития в календара си, се актуализират автоматично.

Ако не е точно с размера или цвета, които сте имали предвид, върнете се в Google Календар и коригирайте настройките, но ще трябва да копирате и поставите HTML кода отново. В този случай вие променяте начина, по който календарът се показва на вашата страница, а не събитията.

Препоръчано: