Создание шаблонов HTML-секций с помощью ИИ

Создание шаблонов HTML-секций с помощью ИИ

С помощью ChatGPT или другого ИИ вы можете создать новые шаблоны HTML-секций для CMS bluetronix, переработать существующие шаблоны и разработать дополнительные варианты макета для вашего веб-сайта. Вы можете сформулировать свои требования индивидуально в виде собственного запроса.

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

Формулирование собственных требований

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

Для технических требований вы также можете обратиться к нашему примерному запросу. Он документирует требования к совместимым шаблонам HTML-секций, в том числе для Bootstrap, WOW-анимаций, адаптивных макетов, обрезки изображений для CMS и меток для перевода. Вы также можете включить эти требования напрямую в свой собственный запрос.

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

Пример запроса для новых блог-секций

Вы можете использовать запрос, изменять отдельные требования или создать полностью собственный запрос.

EXAMPLE PROMPT FOR CREATING A NEW bluetronix CMS LAYOUT SECTION
======================================================================

Please create a new custom layout section file for the bluetronix CMS.

Use the attached file:

AI_Prompt_de.txt

as the complete and mandatory technical documentation for all requirements.

Additionally, use the attached existing file:

SectionBlog.txt

as the basis for the current structure and existing section variants.

Task:

Create a new file named:

SectionBlog_own.txt

The file should contain several modern and visually distinct blog overview sections for the bluetronix CMS.

Important:

- All requirements from AI_Prompt_de.txt must be fully followed.
- Use only standard Bootstrap classes.
- Remove any Bootstrap Studio-specific classes.
- Use Bootstrap Icons exclusively.
- All sections must be responsive and work correctly in both Bootstrap Light Mode and Dark Mode.
- Use WOW animations according to the documentation.
- Use only the image URLs approved in AI_Prompt_de.txt and the CMS image cropping syntax documented there.
- Use the required  separators.
- Mark all visible text with ­.
- Use universal English example texts.
- Reuse suitable example texts instead of creating unnecessarily many different text variations.
- Text length must match the respective layout.
- Always use href="#" for links unless another URL is specified in the documentation.
- Use colAll for suitable repeatable columns.
- Ensure visually consistent spacing, column gaps, and border radii.
- Do not split HTML tags across multiple lines.
- Indent HTML using exactly 3 spaces per level.
- Do not create blog detail pages. Create only blog sections for index or overview pages.
- Do not modify technical CMS markers or required CMS structures.
- Validate the completed HTML against the checklist in AI_Prompt_de.txt.

Additionally, create the following file:

_LangTexts.txt

This file must contain every visible text used in SectionBlog_own.txt.

Requirements:

- One text per line.
- Without the ­ markers.

Output:

1. SectionBlog_own.txt
2. _LangTexts.txt

Do not display the code only in the chat. Generate both files as downloadable files.

After creation, the SectionBlog_own.txt file will be uploaded via the bluetronix CMS "Datei - Manager" to the following directory:

/bx_Layout/

Настройка примерного запроса

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

Собственные файлы секций сохраняются с добавлением _own и затем загружаются в директорию /bx_Layout/ через файловый менеджер CMS bluetronix. Таким образом, ваши индивидуальные шаблоны отделены от стандартных файлов.

EXAMPLE FOR USING A DIFFERENT SECTION
==========================================

For a different section type, only the filenames need to be replaced.

For example:

SectionBlog.txt
SectionBlog_own.txt

Replace with:

SectionTeam.txt
SectionTeam_own.txt

or:

SectionFooter.txt
SectionFooter_own.txt

All requirements from AI_Prompt_de.txt remain unchanged.