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

Вопрос или проблема

У меня есть шаблон под названием page.html. В настоящее время он использует шаблонную часть под названием header.html. Я создал новую шаблонную часть под названием new-header.html. Как мне изменить шаблон, чтобы всегда использовать новую шаблонную часть?

Обновление: Я вижу, как можно редактировать “разметку блоков кода” в редакторе шаблонов в режиме просмотра кода. Является ли это общепринятым способом? Я думал, что, возможно, можно просто выбрать новую шаблонную часть из выпадающего списка.

Ответ или решение

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

Теория

В веб-разработке, особенно при работе с системами управления контентом (CMS), шаблоны являются основой для динамического создания страниц. Шаблон (например, page.html) может содержать различные "части шаблона" (template parts), такие как заголовок (header.html), подвал и боковую панель. Эти части позволяют переиспользовать код и облегчить управление структурой сайта. Когда возникают изменения, например, потребность в замене старого заголовка новым (new-header.html), это действие должно быть выполнено таким образом, чтобы не нарушать целостность страницы и облегчить будущие обновления.

Пример

Предположим, у вас есть шаблон page.html, который в настоящее время использует header.html в качестве части шаблона. Вы создали новый файл new-header.html, который хотите использовать на месте старого заголовка. В Site Editor вы сможете сделать одно из следующих:

Использование редактора кода – Вы можете перейти в режим редактора кода, который предоставляется Site Editor, чтобы вручную изменить определение части шаблона. Эта задача подразумевает замещение упоминания старого заголовка новым. Предположим, в page.html существует нечто следующее:
```

```
Вам необходимо изменить строку, чтобы она ссылалась на новый заголовок:
```

```
Визуальный выбор – Хотя прямой метод редактирования кода является прямым, безопаснее и удобнее использовать возможности интерфейса пользователя. В новом Site Editor может существовать способ визуального выбора новой части шаблона, используя выпадающее меню или список доступных частей шаблона. Если эта функциональность поддерживается, рекомендуется выбрать её, так как она помогает избежать ошибок ручного редактирования и делает процесс более интуитивным.

Применение

Для обеспечения правильной работы шаблона после внедрения новой части важно следовать нескольким ключевым шагам:

Проверка совместимости: Убедитесь, что новый файл new-header.html совместим с остальной частью вашего шаблона page.html. Это включает проверку стилей, использованных скриптов и параметров, которые используются в новой части.
Тестирование и валидация: Следует протестировать результат на разных страницах сайта и в различных браузерах. Это гарантирует, что замена прошла успешно и новая часть работает корректно во всех сценариях использования.
Резервное копирование: Перед тем, как вносить изменения, создайте резервную копию сайта или как минимум оригинального файла page.html. Это обеспечит возможность восстановить рабочее состояние в случае ошибок.

Таким образом, изменения частей шаблона в Site Editor происходят либо через прямое редактирование кода, либо через использование встроенных функций самой системы, таких как визуальный выбор. Независимо от выбранного метода, ключевым аспектом остаётся уверенность в корректной работе обновленного шаблона после изменений, что подразумевает тщательное тестирование и резервирование данных. При следовании этим рекомендациям вы сможете легко адаптировать и модернизировать структуру вашего сайта, улучшая пользовательский опыт и поддерживая современное состояние вашего веб-пространства.