Как добавить виджет последования службы на сайт прихода

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

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

Что показывает виджет службы дня

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

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

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

Кому может пригодиться виджет

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

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

Какие настройки доступны

Все параметры собраны на странице posledovania.ru/widget. Изменения сразу видны в предварительном просмотре.

Режим «Сегодня»

В режиме «Сегодня» используется текущая календарная дата в часовом поясе прихода. Местоположение посетителя сайта на выбор даты не влияет.

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

Режим «Ближайшая служба»

До заданного времени в карточке отображается последование на сегодня, после него — на завтра. Например, при переходе в 13:00 до 12:59 будет выбрана сегодняшняя дата, а с 13:00 — завтрашняя.

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

Часовой пояс и время перехода

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

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

Варианты последования и оформление

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

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

Для оформления доступны:

• автоматическая, светлая, тёплая и тёмная темы;

• стандартный шрифт «Последований», шрифт сайта, Iowan, Cambria, Noto Serif, PT Serif и Times New Roman;

• цвет кнопок и ссылок;

• ограничение длины названия службы от 40 до 255 знаков;

• показ или скрытие строки с источником;

• отдельные цвета фона, полей, основного и дополнительного текста, обводки и текста кнопки;

• размеры заголовка даты от 20 до 32 px, названия службы от 15 до 23 px, кнопок и полей от 13 до 18 px.

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

Как установить виджет на сайт

Для использования виджета не нужны регистрация, API-ключ или предварительное согласование домена.

1. Откройте https://posledovania.ru/widget.

2. Выберите режим даты и часовой пояс.

3. Настройте варианты последования и внешний вид.

4. Проверьте результат в предварительном просмотре.

5. Нажмите «Скопировать код».

6. Вставьте весь полученный код в HTML-блок нужной страницы.

7. Сохраните страницу и проверьте виджет на компьютере и телефоне.

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

Ниже приведён код, который действующий конструктор формирует с текущими исходными настройками:

<iframe
  src="https://posledovania.ru/widget/today?mode=next&amp;timezone=Europe%2FMoscow&amp;cutoff=13%3A00&amp;variant=all&amp;theme=light&amp;font=posledovania&amp;accent=9b742f&amp;heading_size=26&amp;title_size=19&amp;title_length=120&amp;ui_size=16&amp;show_source=1"
  width="100%"
  height="340"
  style="display: block; border: 0;"
  loading="lazy"
  title="Последование богослужения"
  data-posledovania-widget>
</iframe>
<script src="https://posledovania.ru/widget-embed.js?v=3" defer></script>

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

Обычный HTML-сайт

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

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

WordPress

Откройте страницу или запись в редакторе WordPress, добавьте блок «Произвольный HTML» и вставьте в него весь код. Затем проверьте предварительный просмотр и обновите страницу.

Отдельный плагин WordPress не требуется: карточка загружается через тот же iframe, что и на обычном HTML-сайте. Если после сохранения WordPress удалил iframe или служебный скрипт, попросите администратора сайта проверить права редактора и настройки фильтрации HTML.

Конструкторы сайтов

Способ подходит для конструктора, в котором разрешены пользовательский HTML-код или внешние iframe. Добавьте HTML-блок, вставьте подготовленный код и сохраните страницу.

Некоторые платформы ограничивают внешние скрипты или iframe. Если код удаляется после сохранения, проверьте документацию конструктора либо обратитесь к его администратору. Совместимость нельзя определить только по наличию обычного текстового блока.

Нужно ли обновлять виджет вручную

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

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

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

Что увидит посетитель сайта

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

После нажатия «Открыть последование» соответствующая страница откроется в новой вкладке. При нескольких вариантах ссылка ведёт на выбранный вариант. Далее действуют обычные правила доступа к материалам на сайте «Последования».

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

Частые вопросы

Нужна ли регистрация для установки виджета?

Нет. Конструктор и код вставки доступны без аккаунта. API-ключ и согласование домена также не нужны.

Нужно ли каждый день менять код?

Нет. Дата и содержимое загружаются автоматически по настройкам часового пояса и времени перехода.

Можно ли показывать только один вариант последования?

Да. В конструкторе можно закрепить вариант А, Б, В, Г, Д или Е. Если выбранный вариант не опубликован, будут показаны доступные варианты.

Что произойдёт, если последование ещё не опубликовано?

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

Нужен ли отдельный плагин для WordPress?

Нет. При наличии права на вставку iframe и скрипта достаточно блока «Произвольный HTML».

Как изменить настройки или удалить виджет?

Для изменения настроек снова откройте конструктор, получите новый код и замените прежний. Для удаления уберите HTML-блок со страницы.