HTML Szekciós sablonok létrehozása AI segítségével

HTML Szekciós sablonok létrehozása AI segítségével

A ChatGPT vagy más AI segítségével új HTML Szekciós sablonokat hozhatsz létre a bluetronix CMS-hez, meglévő sablonokat átdolgozhatsz és további elrendezési variánsokat fejleszthetsz a weboldaladhoz. A követelményeket teljesen egyedileg, saját promptként fogalmazhatod meg.

Fontos, hogy a létrehozott fájlok betartsák a bluetronix CMS technikai szabályait. Ezek közé tartozik különösen a szekciófájlok felépítése, a több sablon közötti határolójelek, a saját fájlok _own jelölése és a szükséges CMS szövegjelölések.

Saját követelmények megfogalmazása

A promptban írd le, milyen típusú oldalrészletet szeretnél létrehozni, hány elrendezési variánsra van szükséged és milyen dizájnt képzelsz el. Például egy meglévő szekciófájlt alapul vehetsz, vagy egy új elrendezést is leírhatsz.

A technikai követelményekhez referálhatsz a példapromptunkra. Ez dokumentálja a kompatibilis HTML Szekciós sablonokra vonatkozó követelményeket, többek között a Bootstrap, WOW animációk, reszponzív elrendezések, a CMS képvágás és a fordítási jelölések számára. Ezen követelményeket közvetlenül belefoglalhatod a saját promptodba is.

A következő prompt egy lehetséges megoldást mutat be új blog-áttekintő szekciókhoz. Ez egy teljesen kidolgozott példa, amely a saját projektedhez is hozzáigazítható.

Példa prompt új blog-szekciókhoz

A promptot átveheted, egyes követelményeket megváltoztathatsz, vagy egy teljesen saját promptot is létrehozhatsz.

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/

A példa prompt testreszabása

Más szekciótípusok esetén például megváltoztathatod a fájlneveket és a kívánt dizájnt. Új blog-áttekintések helyett csapat-, banner-, lábléc- vagy más HTML Szekciós sablonokat is készíthetsz. Saját prompt esetén ügyeljen a szükséges CMS-szabályok és esetleges különleges követelmények figyelembevételére a választott szekciókategória vonatkozásában.

A saját szekciófájlok _own kiegészítéssel kerülnek mentésre, majd a bluetronix CMS Fájlkezelőjén keresztül a /bx_Layout/ könyvtárba feltöltésre kerülnek. Így a saját sablonjaid különválnak az alapértelmezett fájloktól.

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.