Знания HTML шаблоны

Редактируемые HTML-шаблоны базы знаний

HTML-шаблоны базы знаний — это полноценные сайты справочных центров и документации, предоставляемые в виде редактируемых файлов. Набор страниц практически идентичен любому другому: главная страница, списки категорий, страницы статей и форма обратной связи. Разница заключается в способе их настройки, поскольку всё находится в исходном коде, где разработчик напрямую редактирует разметку, классы и порядок блоков.

Что входит в комплект загрузки

Пакеты различаются, хотя большинство содержат гораздо больше, чем несколько страниц:

1. Шаблоны статей и категорий, которые вы будете копировать для каждой новой записи;

2. Элементы навигации, такие как хлебные крошки, боковая панель и оглавление;

3. Интерактивные элементы, такие как поле поиска, аккордеон FAQ или вкладки;

4. Форма обратной связи или тикет, на которую вы можете указать свой собственный способ отправки.

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

Создание еще одной статьи без начала с нуля

Добавление записи в уже существующий шаблон обычно происходит следующим образом:

1. Скопируйте файл статьи и замените заголовок, основной текст и ссылки;

2. Добавьте запись в список категорий и в дерево навигации;

3. Убедитесь, что хлебные крошки и связанные ссылки указывают туда, куда нужно.

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

Узкие экраны и плотный справочный материал

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

Режимы адаптивного дизайна Nicepage (https://nicepage.com/doc/1125/responsive-modes) охватывают диапазон от больших экранов настольных компьютеров до вертикального экрана телефона. Откройте страницу статьи с боковой панелью и элементом поиска в этих режимах, поскольку эти элементы загружаются первыми.

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