Opret HTML-sektion skabeloner med AI

Opret HTML-sektion skabeloner med AI

Med ChatGPT eller en anden AI kan du oprette nye HTML-sektion skabeloner til bluetronix CMS, revidere eksisterende skabeloner og udvikle yderligere layoutvarianter til din hjemmeside. Du kan formulere dine krav helt individuelt som en egen prompt.

Det er vigtigt, at de genererede filer overholder de tekniske regler for bluetronix CMS. Dette inkluderer især opbygningen af sektion-filer, adskillelsesmærker mellem flere skabeloner, mærkningen af egne filer med _own og de nødvendige CMS-tekstmarkeringer.

Formulere egne krav

Beskriv i din prompt, hvilken type sektion du ønsker at oprette, hvor mange layoutvarianter der er nødvendige, og hvilken design du forestiller dig. Du kan for eksempel bruge en eksisterende sektion-fil som grundlag eller beskrive et nyt layout.

For de tekniske krav kan du desuden referere til vores eksempel-prompt. Den dokumenterer kravene til kompatible HTML-sektion skabeloner, herunder for Bootstrap, WOW-animationer, responsive layouts, CMS-billedbeskæring og oversættelsesmarkeringer. Du kan også inkludere disse krav direkte i din egen prompt.

Den følgende prompt viser en mulig tilgang til nye blogoversigt-sektioner. Den er et fuldt formuleret eksempel og kan tilpasses dit eget projekt.

Eksempel-prompt til nye blogsektioner

Du kan overtage prompten, ændre individuelle krav eller oprette en helt ny 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/

Tilpas eksempel-promptet

For andre sektionstyper kan du for eksempel ændre filnavne og det ønskede design. I stedet for nye blogoversigter kan du få lavet team-, banner-, footer- eller andre HTML-sektion skabeloner. Ved brug af en egen prompt skal du sørge for at overholde de nødvendige CMS-regler og eventuelt særlige krav til den valgte sektion-kategori.

Egne sektion-filer gemmes med suffixet _own og uploades derefter til mappen /bx_Layout/ via bluetronix CMS Filhåndtering. På den måde bliver dine individuelle skabeloner adskilt fra standardfilerne.

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.