ایجاد الگوهای بخش HTML با هوش مصنوعی

ایجاد الگوهای بخش HTML با هوش مصنوعی

با ChatGPT یا یک هوش مصنوعی دیگر می‌توانید الگوهای جدید HTML بخش برای CMS بلوترونیکس ایجاد کنید، الگوهای موجود را ویرایش کنید و قالب‌های اضافی برای وب‌سایت خود توسعه دهید. می‌توانید نیازهای خود را به صورت کاملاً خاص به عنوان یک الگوی مستقل بیان کنید.

مهم است که فایل‌های تولید شده قوانین فنی CMS بلوترونیکس را رعایت کنند. این شامل ساختار فایل‌های بخش، علامت‌های جداکننده بین چندین الگو، برچسب‌گذاری فایل‌های خود با _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 ذخیره می‌شوند و سپس از طریق مدیر فایل CMS بلوترونیکس به دایرکتوری /bx_Layout/ بارگذاری می‌شوند. بدین ترتیب الگوهای شخصی شما از فایل‌های استاندارد جدا می‌مانند.

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.