Чрезвычайные ситуации могут повлиять на любую организацию. Будь то остановка, связанная с погодой, внезапное изменение рабочего времени или протекающая труба в подвале, вещи случаются. Один из лучших способов сообщить о таких проблемах – это разместить их на своем сайте.
Эта информация важна и должна отличаться от остального содержимого сайта. Кроме того, добавление должно занять как можно меньше усилий. Это особенно актуально, когда ваш клиент обновляет сайт. В идеале, вы не должны принимать дизайнерские решения при попытке поделиться важным сообщением. Сроки также имеет решающее значение.
Сегодня мы покажем вам практическое решение, которое использует настраиваемые поля WordPress. Это позволяет вам:
- Создать личное экстренное сообщение.
- Выберите значок Font Awesome, чтобы появиться рядом с ним.
- Активируйте или деактивируйте сообщение одним щелчком мыши.
- Добавьте привлекательный дизайн в тему WordPress.
Готовы начать? Давай сделаем это!
Что вам нужно
Это достаточно легко собрать. Тем не менее, вам нужны некоторые ингредиенты:
Оба бесплатных плагина должны быть установлены и активированы. Вам также нужен доступ к вашей теме WordPress.
Если вы используете одну из стандартных тем, которая поставляется с WordPress или коммерческую тему, создайте дочернюю тему. Это предотвратит перезапись всех внесенных вами изменений в последующем обновлении.
Добавить и настроить настраиваемые поля
Первая задача – создать пользовательскую группу полей в WordPress. Сначала перейдите в Пользовательские поля> Добавить новое в WordPress Dashboard.
Вы можете создать любое поле, которое вы хотите использовать. Вот наш пример:
Кроме того, вы можете точно повторить этот пример, получив следующий файл JSON:
После загрузки файла перейдите в Пользовательские поля> Инструменты. Затем вы можете импортировать группу пользовательских полей на вашем сайте.
После импорта перейдите в Пользовательские поля> Группы полей. Нажмите «Экстренные уведомления», чтобы открыть экран редактирования.
Обратите внимание, что вы можете изменить некоторые настройки здесь. В частности, обратите внимание на правила сайта для группы полей. Убедитесь, что поля появляются на странице (ах), которую вы хотите. В нашем случае мы отображаем поля на «Веб-сайте».
Создать экстренное сообщение
Теперь настало время перейти на домашнюю страницу, на которой назначены поля экстренного уведомления.
Внешний вид полей в редакторе содержимого различен. Если вы используете редактор блоков Gutenberg, набор полей скрыт внизу редактора и под всем существующим содержимым.
Если вы используете классический редактор, поля в файле JSON, который мы предоставляем, настраиваются так, чтобы они отображались непосредственно под заголовком страницы и над всем существующим содержимым.
В любом случае легко добавить сообщение на наш сайт. В окне «Показать экстренные уведомления» нажмите кнопку «Да». Затем выберите символ (см. Список доступных символов «Шрифт»). Введите свое сообщение оттуда в поле WYSIWYG.
Сохраните страницу и вуаля! Ну, почти …
Добавьте ваше сообщение на фронт и дизайн
Наконец, давайте вставим наше экстренное сообщение в тему WordPress и добавим стиль CSS.
В этом примере мы помещаем сообщение поверх заголовка сайта. Здесь он растягивается по ширине экрана и отображается в верхней части страницы. Конечно, вы можете добавить этот экстракт в любую область, которую считаете лучшей.
У вас есть большая гибкость с точки зрения стиля. Здесь мы используем красный фон с крупным белым текстом. Наш значок Font Awesome выделен желтым цветом.
Конечный результат будет сложно потерять!
Держите посетителей в курсе
Сайт организации является одним из первых мест, где люди ищут важную информацию. Хотя также важно размещать сообщения такого типа в социальных сетях, они могут легко потеряться в большом количестве контента.
Это решение предоставляет простой способ добавить экстренное сообщение в любое время. Когда он больше не нужен, его можно удалить всего несколькими щелчками мыши.
Существуют также способы улучшения функциональности путем добавления других соответствующих настраиваемых полей. ACF имеет много встроенных опций и есть ряд дополнительных плагинов, которые могут сделать еще больше.
Почти все сайты могут использовать эти функции. Настройте его сейчас, чтобы вам не пришлось драться позже.
