Пропустить

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

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

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

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

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

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

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

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

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

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

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

Google-календарь интерфейс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{IFrame     max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Материал

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

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

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

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

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

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

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

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

Вывод

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

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

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

...

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

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

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

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

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