Хотите знать, как интегрировать Календарь Google на свой веб-сайт WordPress? Итак, давайте вместе посмотрим на этот урок.

Некоторым из ваших веб-сайтов было бы полезно иметь календарь. Это особенно актуально, если вы координируете деятельность команды или сообщества или если вы управлять сайтом событий.

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

В этой статье я покажу вам, как интегрировать адаптивный Календарь Google на ваш сайт WordPress.

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Перейти в календарь Google

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

как интегрировать календарь Google в свой веб-сайт с интерфейсом календаря Google на WordPress

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

В списке календарей, выберите тот, который подходит вам, нажав на ссылку регистр который расположен напротив. Для этой статьи я выбрал Каникулы во Франции. Вы должны увидеть тот, который вы выбрали ниже другие календари.

Встраивание Календаря Google на странице или пункта

Нажмите на ручку перед Отдых во франции (Или ваш публичный календарь) и выберите Настройки календаря. В разделе «Интегрировать этот календарь» скопируйте HTML-код, содержащийся в текстовом поле, и вставьте его в редактор WYSIWYG, который вы ввели в текстовом режиме заранее.

Откройте для себя, кстати, наш выбор редактора 10 коды для разработчиков WordPress

Код инкрустация-календарь

Сохраните статью и просмотрите ее. Отображение повестки дня на вашем веб-сайте будет сильно зависеть от вашего WordPress тема. Если он полностью адаптивен, проблем с отображением быть не должно.

Попробуйте уменьшить ширину окна браузера, чтобы увидеть, как календарь выглядит на небольших экранах. Если в какой-то момент отображение календаря прерывается, это означает, что вам нужно будет добавить небольшую строку CSS в свой WordPress тема.

Идите дальше, открывая для себя Как добавить пользовательский CSS в свой блог WordPress

Не пугайтесь, ничего сложного.

Добавить CSS, чтобы сделать адаптивный календарь

Чтобы изменить свой WordPress тема, особенно если вы не автор, обновление должно производиться в ребенок тема или Плагин Wordpress который позволяет вам добавлять пользовательский CSS.

В любом случае, какой бы вариант вы ни выбрали, добавьте этот небольшой фрагмент CSS в свою тему WordPress:

iframe {     max-width: 100%; }

Сохраните изменения, перезагрузите страницу своей статьи и убедитесь, что на этот раз повестка дня нормально отображается на маленьких экранах.

Код для вставки несколько календарей в должности или страницах

Для начала подпишитесь на другие общедоступные календари, как мы делали выше (Другие календари> Просмотрите интересные календари) или создайте свои собственные календари и сделайте их общедоступными.

Когда у вас есть все необходимые календари, выберите один, любой, нажмите на его ручку и выберите Настройки календаря, На этот раз, в разделе интегрировать эту повестку днянажмите на ссылку Настроить цвет, размер и другие параметры. Затем вам будет представлено окно настройки.

Идите дальше с основы настройки сайта WordPress

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

интегрировать Календарь Google

Вверху этого окна находится текстовое поле с кнопкой Обновить код HTML. Используйте его для предварительного просмотра вашего календаря.

Мы также рекомендуем вам проверить наши 10 WordPress плагины премиум-класс идеально подходит для интеграции календаря на ваш сайт

Использование этой кнопки также приводит к обновлению кода HTML в текстовом поле. Когда вы будете удовлетворены своими изменениями, вы скопируете этот код в свою статью. Сохраните и перезагрузите страницу.

Откройте для себя тоже Как перевести ваш сайт WordPress в режим обслуживания

Поскольку вы уже вставили код CSS ранее, дневник будет отлично работать на всех экранах.

Как видите, добавить календарь Google на ваш сайт не так уж сложно. Это больше о копировании кода из приложения Google Calendar и вставке его на страницу или статью, конечно же, с помощью редактора в текстовом режиме.

Но если ваши календари не занимают целую страницу, вы также можете добавить Google Календарь календарные виджеты.

Откройте для себя также несколько премиальных плагинов WordPress  

Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Страницы по ролям пользователя

Страницы по роли пользователя — это Плагин Wordpress который позволяет вам добавить контроль доступа к определенным элементам вашего сайта (сообщениям, страницам, пользовательским типам сообщений и т. д.)

Страницы по роли пользователя для WordPress

Этот плагин может позволить вам удалить страницу, статью, произвольный тип сообщения и другие. в результатах поиска и в каталоге блогов. Это позволит вам скрыть страницу, категории и другие пункты меню, когда пользователи не вошли в систему.

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

скачать | Демонстрация | веб-хостинг

2. Ultimate Affiliate Pro

Начнем с Плагин Wordpress Ultimate Affiliate Pro, который легко является одним из WordPress плагины самая надежная партнерская программа, поскольку она интегрируется с плагинами WooCommerce, Easy Digital Downloads, PayPal и Stripe.

Ultimate Партнерская Pro WordPress Плагин

Там вы найдете всевозможные полезные функции, такие как: бонусы за производительность и управление баннерами, поддержка неограниченного количества партнеров и специальных предложений, рейтинги и уровни комиссий, рефералы и акции на социальные сети, поддержка нескольких платежных шлюзов PayPal, Stripe и многое другое.

Если всего этого было недостаточно, вы должны знать, что в нем также есть несколько шаблонов для страницы входа, регистрации, бесплатной учетной записи и связи с ведущими поставщиками почтового маркетинга, такими как MailChimp, Constant Контакт и многие другие.

Это один из лучших партнерских плагинов. WooCommerce который вы найдете на рынке Envato.

скачать | Демонстрация | веб-хостинг

3. Материал

Material Admin - один из самых современных и стильных плагинов WordPress на рынке для настройки панели инструментов WordPress.

Материал White Label WordPress Admin Theme

Этот плагин WordPress поставляется со стильными темами 100 и дает вам возможность создавать свои собственные темы. Вы сможете полностью контролировать внешний вид меню панели инструментов, верхней панели, кнопок, типографики, форм, цветов текста и фона, логотипа и т. Д.

Material Admin также имеет больше, чем 20 виджеты de приборная панель персонализированный для вашего сайта и отображает статистику для посетителей.

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.

Заключение

Вуаля! Это все для этого урока посвящен интеграции календаря Google на ваш сайт WordPress. Не стесняйся поделиться с друзьями в ваших любимых социальных сетях

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...