StSalv Smart Schema Builder

Описание

StSalv Smart Schema Builder превращает структурированные карты ролей и процессов в адаптивные интерактивные страницы. Настраивайте блоки, группы, элементы, теги и формы для печати в админ-панели на основе React, вставляйте схемы с помощью блока Gutenberg, shortcode или template tag и позволяйте посетителям изучать карту с помощью фильтров с логикой «И», ссылок на состояние и доступных модальных окон с полным описанием.

Основные функции

  • Структурированный редактор: блоки (последовательность, столбцы, хаб, панель, разделитель), группы, элементы, теги, значки/цвета для каждого элемента, автоматическая нумерация.
  • Пресеты макетов с адаптивностью по container-query и резервным вариантом по media-query для старых браузеров.
  • Фильтры тегов с логикой «И», состоянием в URL (ссылки, которыми можно поделиться), анимированными выделением с возможностью печати.
  • Доступный модальный интерфейс с полными описаниями, фокусом, возможностью закрытия с помощью ESC/фонового изображения и корректной прокруткой колесика (безопасен для людей с ограниченными возможностями).
  • Формы для печати: PDF (альбомная/книжная ориентация, многостраничное разбиение, страницы приложений с описанием ролей) и PNG, созданные на стороне клиента с помощью jsPDF и преобразования HTML в изображение; экспорт в формате JSON через общедоступную конечную точку REST.
  • Блок Gutenberg с предварительным просмотром на стороне сервера, а также shortcode [stsalv_smart_schema id="…"] и template tagstssb_schema( $id ).
  • Статистика по каждой схеме: открытие модальных окон и загрузка по каждому формату, все это таблице, доступной администратору с возможностью ручного редактирования и сброса.
  • Возможности: stssb_edit_schemas, stssb_manage_settings; черновики никогда не показываются гостям.

Конфиденциальность

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

Исходный код

Исходный код и инструменты сборки этого плагина находятся в открытом доступе на GitHub:
https://github.com/stsalv/smart-schema-builder

Репозиторий включает в себя исходный код без минификации (src/), конфигурацию сборки (webpack.config.js, package.json) и инструкции по регенерации скомпилированных ресурсов (build/) с помощью npm install && npm run build.

Скриншоты

Блоки

Этот плагин предоставляет 1 блок.

  • Smart Schema

Установка

  1. Загрузите плагин в /wp-content/plugins/ или установите его через «Плагины Добавить новый».
  2. Активировать StSalv Smart Schema Builder.
  3. Перейдите в раздел «Умные схемы» «Добавить», настройте карту и опубликуйте.
  4. Вставьте его с помощью блока «Умная схема», [stsalv_smart_schema id="123"] или stssb_schema( 123 ).

Часто задаваемые вопросы

Где генерируются файлы PDF/PNG?

В браузере посетителя (jsPDF + преобразование HTML в изображение). На сервере ничего не сохраняется.

Могут ли гости скачивать черновики?

Нет. Черновики доступны только для авторизованных пользователей с stssb_edit_schemas; для них публичные endpoints возвращают ошибку 404.

Шрифты моей темы выглядят неправильно при экспорте

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

Отзывы

Нет отзывов об этом плагине.

Участники и разработчики

«StSalv Smart Schema Builder» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«StSalv Smart Schema Builder» переведён на 1 язык. Благодарим переводчиков за их работу.

Перевести «StSalv Smart Schema Builder» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.0.0

  • Первый выпуск.