Vytvorenie šablón HTML sekcií pomocou AI

Vytvorenie šablón HTML sekcií pomocou AI

S ChatGPT alebo inou AI môžete vytvárať nové HTML sekcie pre CMS bluetronix, upravovať existujúce šablóny a vyvíjať ďalšie varianty rozloženia pre vašu webovú stránku. Vaše požiadavky môžete formulovať úplne individuálne ako vlastný prompt.

Dôležité je, aby vytvorené súbory dodržiavali technické pravidlá CMS bluetronix. Patria sem najmä štruktúra sekčných súborov, oddelovače medzi viacerými šablónami, označenie vlastných súborov s _own a požadované CMS textové označenia.

Formulovanie vlastných požiadaviek

Vo svojom prompte popíš, aký typ stránkového úseku chceš vytvoriť, koľko variant rozloženia je potrebných a aký dizajn máš na mysli. Ako základ môžeš napríklad použiť existujúci súbor sekcie alebo opísať nové rozloženie.

Pre technické požiadavky môžeš navyše využiť náš príkladový prompt. Dokumentuje požiadavky na kompatibilné HTML sekčné šablóny, medzi inými pre Bootstrap, WOW animácie, responzívne rozloženia, orezanie obrázkov CMS a prekladačské označenia. Tieto požiadavky môžeš tiež priamo zahrnúť do svojho vlastného promptu.

Následujúci prompt ukazuje možný postup pre nové blogové prehľadové sekcie. Je to úplne formulovaný príklad a môže byť prispôsobený pre váš vlastný projekt.

Príklad promptu pre nové blogové sekcie

Môžeš prevziať prompt, zmeniť jednotlivé požiadavky alebo vytvoriť úplne vlastný prompt.

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/

Prispôsobenie príkladového promptu

Pre iné typy sekcií môžeš napríklad zmeniť názvy súborov a požadovaný dizajn. Namiesto nových blogových prehľadov môžeš nechať vytvoriť sekčné šablóny pre tím, bannery, patičky alebo iné HTML sekčné šablóny. Pri vlastnom prompte musíš dbať na to, aby si dodržiaval požadované pravidlá CMS a prípadne osobitné požiadavky zvolenej kategórie sekcie.

Vlastné súbory sekcií sa ukladajú s príponou _own a následne sa nahrávajú do priečinka /bx_Layout/ prostredníctvom správcu súborov CMS bluetronix. Tak zostanú tvoje individuálne šablóny oddelené od štandardných súborov.

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.