Пропустить

Как интегрировать календарь Google в ваш сайт WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Хотите знать, как интегрировать календарь 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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

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

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

iframe {     max-width: 100%; }

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

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

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

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

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

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

множественная повестка обычай

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

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

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

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

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

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

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

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

Pages by User Role - это плагин WordPress, который позволяет вам добавлять контроль доступа к определенным элементам вашего веб-сайта (статьям, страницам, типам персонализированных сообщений и т. Д.)

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

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

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

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

Давайте начнем с плагина 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 приборная панель персонализированный для вашего сайта и отображает статистику для посетителей.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

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

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

Заключение

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

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

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

...  

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
16 акции
доля10
чирикать2
Регистрация4