Как добавить Google Calendar в WordPress

Календари, вероятно, являются наиболее используемыми приложениями на смартфонах и планшетах. Многие пользователи интересуются способом интеграции своего Google Calendar на собственные сайты WordPress. В этой статье мы покажем вам как добавить Google Calendar на сайт WordPress. Следуя инструкциям в этой записи вы сможете интегрировать Google Calendar на свой сайт, вывести его в постах, на страницах или в виджетах, и он всегда будет синхронизирован с вашим Google Calendar.

Первым делом вам необходимо установить и активировать плагин Google Calendar Events. После активации появится новый элемент в меню под названием Google calendar events в Настройках. где вы сможете установить и сконфигурировать плагин.

Для того, чтобы воспользоваться плагином, вам необходимо получить общедоступную ленту вашего календаря из Google Calendar и добавить этот фид в плагин. Для того же, чтобы получить общедоступную ленту своего календаря, нужно перейти в Google Calendar и кликнуть на стрелочку рядом с календарем, который нужно расшарить. Нажмите на настройки календаря, и вы найдете ссылку XML. Щелкните на ней правой кнопкой мыши и скопируйте ссылку.

google-calendar-sharing[1]

Теперь возвращаемся на страницу настроек и нажимаем на “Add Feed button”. Вводим заголовок фида для календаря и вставляем XML URL, который вы скопировали из Google Calendar в поле feed URL. Кликаем на Add Feed button внизу страницу и замечаем, что на странице большое количество настроек. Важными из них являются формат даты и времени. Для продвинутых пользователей существует конструктор, с помощью которого можно настроить внешний вид календаря.

google-calendar-feed[1]

Плагин Google Calendar Events использует шорткоды для вывода сетки Календаря на любой странице или в записи по вашему желанию. В идеале, вы можете создать страницу под названием Календарь или События и там вывести календарь. Перейдите в редактировании страницы или записи и добавьте следующий шорткод в то место, где нужно отобразить календарь:

[google-calendar-events id="1"]

gcal-wordpress-post[1]

Также доступны дополнительные опции для шорткода. Например, вы сможете выбрать как именно отобразить календарь: в виде стандартной сетки или же простым списком, или сетке на ajax’е. Можно «смешивать» различные календари в одну сетку путем добавления нескольких ID в шорткод. Дополнительно можно выбрать заголовок фида и поработать с другими настройками. Для того, чтобы ознакомиться с полным списком доступных опций ознакомьтесь с Google Calendar Events Plugin Guide.

Плагин также располагает виджетом для тех пользователей, которые хотят вывести календарь в виджете; он отображает все события и происшествия. Виджет не появится в общем их перечне до тех пор, пока вы не укажете Calendar Feed. После того, как вы добавите Calendar Feed, можно воспользоваться виджетом Google Calendar Events для добавления его в сайдбар или другие области сайта. Настройки в виджете поддерживаются те же, что и в шорткоде.

google-calendar-widget[1]

Для изменения внешнего вида календаря необходимо указать ссылку на собственную таблицу стилей на странице настроек плагина. Перейдите в «Плагины > Редактор», выберите Google Calendar Events из выпадающего меню, выберите Select, а затем кликните google-calendar-events/css/gce-style.css из списка файлов.

calendar-style-sheet[1]

Скопируйте содержимое gce-style.css и вставьте в новый .css файл. Загрузите этот файл на свой сервер в любое место, но в папку плагина Google Calendar Events. Теперь отредактируйте этот свежезагруженный файл для того, чтобы изменить внешний вид календаря.

Небольшие комьюнити-сайты, местные государственный сайты, корпоративные вебсайты, сайты музыкальных групп несомненно найдут полезным плагин Google Calendar. Он может использоваться для организации событий и позволит остальным узнать о том, что происходит.

Мы надеемся, что эта статья помогла вам добавить Google Calendar на свой сайт WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top