Как добавить календарь событий WordPress Block? Учебник по Гутенбергу

Опубликовано: 2025-06-04

Оглавление

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

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

В отличие от альтернатив календаря WordPress, он позволяет создавать неограниченные графики с различными событиями. И самое главное, это сделано для эпохи Гутенберга, предлагая мощный специальный блок календаря событий для редактора блоков.

Короткий учебник по добавлению и настройке календаря событий WordPress Block следует, но сначала давайте посмотрим, что может предложить плагин:

Современный макет календаря.
Повторяющиеся события.
Отображать почасовые, весь день или многодневные события.
Выберите способ настроить макет календаря - блок WordPress или шорткод.
Импорт и экспорт мероприятия через ICAL.
Запланируйте несколько событий на одно и то же время.
Добавление и редактирование событий, как в календаре Google (конечно).

Регистр плагина календаря WordPress

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

Шаг 1 - Добавление календари и событий

События могут работать только в календаре WordPress, поэтому ваш первый шаг - добавить календарь.

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

Добавьте столько календарей, сколько вам нужно для вашего бизнеса!

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

В календаре свежих событий начните с выбора предпочтительного представления - месяц, неделя, дня или списка. Например, если вы добавляете многодневные мероприятия, такие как фестивали, просмотр месяца или недели даст вам более четкий обзор.

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

Добавление времени для события может быть сделано с помощью простого перетаскивания и отброса в необходимый вид календаря.

После того, как вы перетаскиваете, чтобы выбрать временной интервал, появится всплывающее окно. Просто введите имя события для одного или добавьте дополнительное время для повторяющегося события (например, география по понедельникам и четвергам).

Есть много вариантов представления мероприятия:

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

Повторяющие события: здесь вы можете достичь любого сценария - ежедневные повторения, в конкретные дни недели, каждый месяц/год или даже применять правила, чтобы прекратить повторение в точное время.

Например, я хочу включить 6-недельный курс фотографии каждый вторник в календаре мероприятий, а затем автоматически удалять его. Несколько настроек, как ниже и - бинго!

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

Совершил ошибку? События могут быть обновлены в любой момент, используя этот плагин WordPress календаря событий - будь то конкретный или все одновременно (то же самое относится и к удалению событий - вы получаете здесь большую гибкость!).

Можете ли вы поверить, что вы построили целое расписание с одного экрана? Это было в точности так - полностью визуальное планирование событий для WordPress здесь.

Импортные или экспортные мероприятия

Не хотите создавать все события с нуля, потому что у вас их есть где -то в календаре Google или других плагинов календаря WordPress Events?

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

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

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

Редактирование календарей и событий на WordPress работает с черновиками. Календарь становится общедоступным (видимым на сайте) только тогда, когда публикуется страница, содержащая его конкретный шорткод или блок. Итак, как добавить этот блок или шорт -код?

Чтобы ответить на этот вопрос, давайте перейдем к следующему шагу.

Шаг 2 - Добавление графика в WordPress

Теперь самая интересная часть! Как сделать расписание событий, которое вы создали видимым на вашем сайте?

1. В редакторе блоков (Гутенберг)

Поскольку это учебник по Гутенбергу для плагина WordPress Calendar WordPress, давайте начнем с добавления календаря на страницу в Гутенберге.

Прежде всего, перетащите блок календаря событий на страницу.

Затем откройте настройки блока, чтобы настроить макет. Вот несколько ключевых вещей:

Выберите календари, чтобы отобразить события из.

Выберите представление по умолчанию (месяц, неделя, день, список). Посетители веб -сайта смогут переключить их на сторону на переднем крае вашего сайта.
Выберите, как долго расписание должно отображаться, выбрав сроки («интервал времени сетки»).

Покажите только те дни, когда вы работаете - скрывайте все остальные.

Выберите, когда день начинается и заканчивается.

Добавьте пользовательские CSS, если это необходимо, который будет применен специально в календарь.

Кроме того, я могу нажать на блок и настроить ширину контейнера календаря, используя настройки контейнера:

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

Откройте для себя WordPress Block Themes, которые мы любим.

2. с шорткодом

Для тех, кто традиционалистов WP, присутствуют шорт -коды календаря событий, не беспокойтесь.

Чтобы сделать его еще более удобным, плагин Calendar Events поставляется со встроенным строителем шорткодов.

Найдите его в меню «События»> «Нажмите на значок меню гамбургера»> «Найдите« Шорткод »и нажмите на него.

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

На самом деле, все те же настройки, которые вы видели для блока, который я описал выше!

Как только вы будете готовы, скопируйте шорткод и вставьте его на страницу, где вы хотите, чтобы календарь появился.

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

Не забудьте предварительно просмотреть и сохранить ваши изменения в календаре вашего события WordPress Block!

Самый простой способ использовать календарь событий WordPress плагин

Если вам нужен простой, но мощный плагин календаря событий для WordPress, который прекрасно работает в Гутенберге в качестве блока и шорткода (с строителем шорткодов!), У вас есть плагин WordPress Calendar Events от MotoPress.

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

Регистр плагина календаря WordPress