Как использовать блок событий WordPress от Automattic

Automattic, материнская компания WordPress, уже опубликовала некоторые из самых известных плагинов WP. WooCommerce, Jetpack, Akismet, BuddyPress, bbPress… и этот список можно продолжить. Теперь они добавили еще один мощный плагин в свой и без того длинный список: Event Block. Это невероятно простое решение, чтобы ваши пользователи знали, что вы планируете.

Что такое блок событий?

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

Суть современной философии дизайна Automattic полностью раскрывается в этом плагине. Это просто, удобно и стильно. Просто перейдите к плагинам на панели администратора и выполните поиск или загрузите, чтобы установить их. Затем он появится в списке ваших плагинов как Event .

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

Как добавить блок событий в свой пост или страницу

После того, как вы установили плагин, добавление блока событий на вашу страницу не составит труда. В редакторе блоков WordPress просто нажмите кнопку +, чтобы добавить новый блок. Вы можете найти эту кнопку на верхней панели инструментов или справа от любого пустого блока.

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

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

Настройки и параметры блокировки событий

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

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

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

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

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

Изображение события - это, по сути, блок изображения, размещенный сбоку от блока события. Он растянется по размеру блока. Вы можете настроить фокус изображения в настройках блока справа, поместив синий кружок под заголовком Focal Point Picker .

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

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

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

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

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

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

Советы и рекомендации по эффективному использованию блока событий

Плагин Event Block прост и эффективен, и вы можете многое с ним сделать. Вот несколько советов, которые помогут вам выделиться среди гостей.

1. Используйте цвет

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

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

2. Используйте изображения правильного размера.

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

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

3. Воспользуйтесь преимуществами субблоков.

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

Например, вы можете использовать блок Divi в событии, чтобы использовать наш модуль Maps, так как в WordPress нет одного значения по умолчанию, а блок событий по умолчанию не отображает интерактивные адреса. (Помните также, что вы можете использовать гиперссылку, чтобы вставить URL-адрес Google Maps в нужное место, если захотите.)

4. Поэкспериментируйте с вкладкой "Шаблоны".

WordPress 5.8 представил в редакторе вкладку "Шаблоны". В сочетании с плагином Event Block вы можете создавать очень приятные дизайны страниц с очень небольшими усилиями.

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

Заключение

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

Что вы сделали с плагином Event Block до сих пор?

Статья от Виктории Курпас / Shutterstock.com