Руководства/Создание контента/Встраивания/Как вставить Google Календарь

Как вставить Google Календарь

Google Календарь — это бесплатное приложение-календарь Google. В этом руководстве рассказывается, как встроить (то есть поместить) Google Календарь на сайт WordPress.com.

Шаг 1. Получение кода для вставки календаря

Google создаёт фрагмент кода для того, чтобы вы могли разместить Google Календарь на своём сайте. Чтобы найти код для вставки, выполните следующие действия.

  1. Зайдите на страницу https://calendar.google.com/ и выполните вход в Google Календарь, если вы не вошли ранее.
  2. В левой части экрана найдите раздел «Мои календари».
  3. Щёлкните три точки рядом с названием календаря и выберите опцию «Настройки и публикация»:
    Google Календарь — настройки и публикация
  4. Прокрутите страницу вниз до раздела «Разрешения на доступ к событиям».
  5. Сделайте свой календарь общедоступным, установив флажок «Сделать доступным для всех»:
    Google Календарь — сделать общедоступным
  6. Прокрутите страницу вниз до раздела «Интегрировать календарь». Скопируйте код полностью и вставьте его в поле «Вставить код». Код для вставки содержит имя вашей учётной записи Google, поэтому сначала подумайте, нет ли у вас возражений против публикации этого имени.
    • Также можно нажать кнопку «Настроить», чтобы изменить сведения о календаре, ширину, высоту, цвет, язык, часовой пояс и др. Код для вставки в верхней части экрана обновляется при каждом изменении, поэтому скопируйте и вставьте новый код, когда закончите настройку встраиваемого календаря.

Шаг 2. Добавление блока «Google Календарь»

Теперь, когда у вас есть код для вставки Google Календаря, вы можете разместить его на своем сайте, выполнив следующие действия в редакторе WordPress.

  1. Нажмите кнопку + инструмента вставки блоков, чтобы добавить новый блок.
  2. Найдитеблок «Google Календарь» и нажмите его, чтобы вставить на страницу.
Блок «Google Календарь» отображается при поиске блоков.

Вы можете ознакомиться с подробными инструкциями по добавлению блоков.

💡

Отсутствует блок «Google Календарь», который есть на всех сайтах WordPress.com? Скорее всего, у вас автономный сайт WordPress.org — вы можете установить бесплатный плагин Jetpack, чтобы получить блок «Google Календарь».

  1. Вставьте код вставки Google Календаря в поле, как показано ниже:
Пустой блок «Google Календарь» с текстовым полем для кода вставки.
  1. Нажмите кнопку «Вставить», и ваш календарь появится.
  2. Календарь может неправильно отображаться на экране редактора, поэтому воспользуйтесь опцией «Предварительный просмотр в новой вкладке», чтобы увидеть, как календарь будет выглядеть на вашем сайте.
Стрелка указывает на опцию «Предварительный просмотр в новой вкладке» в верхнем правом углу редактора.
  1. При необходимости используйте панель инструментов блока «Google Календарь», чтобы выровнять календарь по левому или правому краю или по центру (а также чтобы задать широкий формат или формат во всю ширину, если он поддерживается темой).
На панели инструментов блока нажата опция выравнивания, в которой отображаются такие опции, как «Нет», «Широкий формат», «Во всю ширину», «По левому краю», «По центру» и «По правому краю».
Панель инструментов блока «Google Календарь»

Если вы хотите изменить внешний вид встраиваемого Google Календаря, например ширину, высоту, цвет, язык, часовой пояс и т. д., вернитесь в предыдущий раздел и используйте опции «Настроить», описанные на шаге 6.

Пример встроенного Google Календаря

Copied to clipboard!