طراحی پوسته به دانش برنامه‌نویسی نیاز ندارد: سه فایل پرامپت آماده، همه مشخصات فنی طراحی پوسته برای موتور را در خود دارند و هر سرویس هوش مصنوعی — ChatGPT، Claude، Gemini و مشابه — با خواندن آن می‌تواند یک پوسته کامل و سازگار تولید کند. کار شما فقط سه چیز است:
این راهنما مکمل «راهنمای طراحی پوسته» است؛ آن سند مرجع فنی طراحی دستی پوسته است و این سند، راهنمای عملی کار با هوش مصنوعی.
سه نسخه پرامپت منتشر شده که در امکانات پوسته تولیدی تفاوت دارند. همه نسخه‌ها در قواعد فنی و ساختار پوسته یکسان‌اند و فقط در بخش‌های اختیاری متفاوت‌اند:
| امکان | نسخه کامل | نسخه بدون فروشگاه | نسخه سبک انتشار |
|---|---|---|---|
| نمایش مطالب، دسته‌ها، برچسب‌ها، جستجو، صفحه‌بندی | ✔ | ✔ | ✔ |
| فرم تماس (اختیاری، با نمونه آماده) | ✔ | ✔ | ✔ |
| دیدگاه‌ها و رأی کاربران | ✔ | ✔ | — |
| فروشگاه (سبد خرید، دکمه خرید) | ✔ | — | — |
| کدهای جاوااسکریپت پیوست‌شده | دیدگاه‌ها + فروشگاه | دیدگاه‌ها | — |
| حجم فایل پرامپت | بزرگ | متوسط | کوچک |
دو پرسش تصمیم را روشن می‌کند:
| نوع سایت | نسخه پیشنهادی |
|---|---|
| فروشگاه اینترنتی، سایت فروش فایل و اشتراک | کامل |
| مجله خبری، وبلاگ، سایت سازمانی با بخش نظرات | بدون فروشگاه |
| بایگانی مقالات، ویکی، سایت معرفی، پروفایل حرفه‌ای | سبک انتشار |
توصیه: نسخه سبک‌تر را انتخاب کنید مگر اینکه مطمئن باشید امکان بیشتری می‌خواهید. پوسته سبک‌تر، سریع‌تر تولید و راحت‌تر نگهداری می‌شود و ارتقای آن بعداً هم ممکن است (بخش ۸).
سه فایل پرامپت با قالب متن ساده (.txt) در ادامه برای دریافت قرار گرفته‌اند. فایل مناسب خود را دریافت کنید:
نکته: این سه فایل را کنار همین فایل راهنما نگه دارید. اگر این راهنما روی وب منتشر شده، پیوندها مستقیماً فایل را دریافت می‌کنند؛ اگر روی رایانه باز کرده‌اید، پیوند فایل هم‌پوشه را باز می‌کند و می‌توانید از منوی مرورگر آن را ذخیره کنید. فایل‌ها متنی‌اند و با هر ویرایشگر ساده‌ای (Notepad و…) قابل بازکردن‌اند.
⚠ هشدار: متن فایل پرامپت را ویرایش نکنید؛ تنها بخش پایانی «درخواست من» را پر کنید. تغییر یا حذف سایر بخش‌ها، خروجی را از استاندارد موتور خارج می‌کند.
[کل متن فایل پرامپت ...] # درخواست من یک پوسته «مجله خبری» با نام «akhbar-news» بساز. ویژگی‌های مورد نظر: رنگ مضمون سرمه‌ای، سربرگ بزرگ با عنوان روز، چیدمان سه‌ستونه برای خبرهای ویژه، بخش «آخرین اخبار» با نوار متحرک، و پانویس با لینک دسته‌ها و فرم تماس.
نکته: هر گفتگو برای یک پوسته کافی است؛ برای پوسته دوم، گفتگوی تازه با همان فایل پرامپت باز کنید تا زمینه گفتگوی قبلی، خروجی را منحرف نکند.
خروجی هوش مصنوعی، چند فایل با مسیرهای اعلام‌شده است (مثل themes/mytheme/pages/index.html). روی رایانه، پوشه‌ای هم‌نام پوسته بسازید و فایل‌ها را دقیقاً با همان مسیرها و نام‌ها ذخیره کنید. چک‌لیست ذخیره:
pages/index.html و pages/category.html و pages/post.html (به‌علاوه فایل‌های اختیاری که خواسته‌اید).pages/theme.json موجود باشد و theme_name آن با نام پوشه یکی باشد.pages/.htaccess با محتوای Require all denied ساخته شود.style.css (و در صورت وجود، script.js) در ریشه پوسته باشد و نشانی فراخوانی‌شان در قالب‌ها با مسیر واقعی یکی باشد.screenshot.jpg با ابعاد ۳۰۰×۴۰۰ خودتان بسازید و در ریشه پوسته بگذارید — هوش مصنوعی این فایل را تولید نمی‌کند.اگر ترجیح دادید دستی نصب کنید، پوشه پوسته را با FTP در مسیر themes بارگذاری و از بخش «پوسته» فعال کنید. جزئیات بیشتر: راهنمای «طراحی پوسته»، بخش ۱ و ۱۲.
اگر پوسته درست نمایش داده نشد: پیش از دست‌کاری کد، علت را از جدول «اشکالات رایج» در راهنمای «طراحی پوسته»، بخش ۱۱ پیدا کنید و اصلاح را از خود هوش مصنوعی بخواهید — در همان گفتگوی قبلی، متن خطا یا توصیف مشکل را بفرستید.
کیفیت پوسته خروجی، مستقیماً به کیفیت همین چند سطر بستگی دارد. قاعده کلی: نوع سایت، نام پوسته، رنگ و حال‌وهوا، و ساختار صفحات را بگویید.
/* FONT_BASE64 */) قرار دهید.خوب: «یک پوسته مجله خبری با نام yalda-news: رنگ مضمون #1a3a5c، صفحه اصلی شامل لغزانه سه خبر ویژه، ردیف شش خبر با تصویر، و ستون کناری با پربازدیدترین‌ها و فرم خبرنامه. قالب جدا برای صفحه «تماس با ما» با فرم تماس.»
مبهم: «یک سایت خبری قشنگ بساز.» — خروجی معمولی و تصادفی خواهد بود؛ همه تصمیم‌ها را مدل به‌جای شما می‌گیرد.
نمونه‌های آماده برای انواع سایت: پیوست همین راهنما.
رایج‌ترین انحراف‌های مدل و جمله اصلاحی برای هر کدام:
| مشکل | نشانه | چه بگویید؟ |
|---|---|---|
| مدل کد PHP تولید می‌کند | فایل‌های .php یا کد PHP داخل قالب‌ها | «پوسته موتور PHP ندارد. مطابق پرامپت، فقط HTML و CSS و JS با کلیدواژه‌های %دار. فایل‌های php را حذف و مطابق ساختار اعلام‌شده بازتولید کن.» |
| کتابخانه یا CDN به کار برده | لینک به bootstrap، jquery، fonts.google و… | «بدون هر کتابخانه و CDN؛ همه استایل و اسکریپت باید محلی و درون style.css و script.js باشد.» |
| کلاس‌های الزامی را جا انداخته | دیدگاه‌ها بارگیری نمی‌شوند یا استایل صفحه‌بندی نیست | «چک‌لیست کلاس‌های الزامی پرامپت را دوباره بررسی و فایل‌های ناقص را کامل کن.» |
| فایل‌ها ناقص‌اند | میانه کد با «...» یا «بقیه مشابه» قطع شده | «فایل index.html را کامل و بدون حذف، از اول تا آخر تحویل بده.» — هر بار فقط یک فایل بخواهید. |
| اسکلت دیدگاه‌ها را در نسخه سبک ساخته | وجود votes_area در post.html | «مطابق محدوده نسخه، هیچ اسکلت دیدگاه/رأی و کد فروشگاهی نباید باشد؛ post.html را بدون آن‌ها بازنویسی کن.» |
| دکمه خرید در پوسته بدون فروشگاه | وجود site-store یا %buy | «این پوسته فروشگاه ندارد؛ از %buy و %price استفاده نشود.» (نسخه سبک/بدون فروشگاه را استفاده کرده‌اید) |
| همه را یک‌جا خواسته و گیج شده | خروجی نیمه‌کاره یا مخلوط | گفتگو را از نو با پرامپت باز کنید و فایل‌ها را یکی‌یکی بخواهید: «اول theme.json و index.html». |
| خروجی چپ‌چین یا انگلیسی است | قالب‌های LTR | «همه صفحات فارسی و راست‌چین با direction:rtl و متن‌های نمونه فارسی باشند.» |
| theme.json نامعتبر | پوسته تنظیماتش را نشان نمی‌دهد | «theme.json معتبر JSON باشد؛ کامای اضافی و توضیح داخل JSON مجاز نیست. آن را بازتولید و با یک اعتبارسنج چک کن.» |
نکته طلایی: مدل را با پرامپت «قفل» کنید و هر اصلاحی را به همان گفتگو بدهید. اگر گفتگو طولانی شد و مدل شروع به فراموشی کرد، فایل پرامپت را دوباره بچسبانید و بنویسید «تازه‌سازی قواعد؛ از این پس دقیقاً مطابق این مشخصات عمل کن».
اگر با نسخه سبک‌تر شروع کردید و بعدها امکان بیشتری خواستید، دو راه دارید:
| مسیر ارتقا | نسخه مبدا | نسخه مقصد | چه چیزی اضافه می‌شود؟ |
|---|---|---|---|
| افزودن دیدگاه و رأی | سبک انتشار | بدون فروشگاه | اسکلت HTML دیدگاه‌ها، کلاس‌های CSS، کد پیوست الف |
| افزودن فروشگاه | بدون فروشگاه | کامل | کلاس‌های .site-store-*، کد فروشگاه پیوست ب، استفاده از %buy |
| افزودن هر دو | سبک انتشار | کامل | هر دو مورد بالا |
نکته: فعال‌سازی سمت سرور جدا است: برای دیدگاه‌ها کاری لازم نیست و وضعیت هر مطلب در ویرایش مطلب تعیین می‌شود؛ برای فروشگاه باید قابلیت فروشگاه از تنظیمات سایت فعال شود (راهنمای «راه‌اندازی»، بخش ۷).
چهار نمونه برای شروع سریع؛ متن را کپی و در انتهای پیام اول بچسبانید و مطابق سلیقه تغییر دهید:
# درخواست من یک پوسته «مجله خبری» با نام «khabar-mag» بساز. ویژگی‌های مورد نظر: رنگ مضمون سرمه‌ای (#1a3a5c) روی زمینه روشن؛ صفحه اصلی شامل نوار خبر فوری، لغزانه سه خبر ویژه، ردیف شش خبر تصویری، و ستون کناری با «پربازدیدترین‌های هفته» و فرم خبرنامه؛ قالب جدای «تماس با ما» با فرم تماس؛ فهرست دسته‌ها در پانویس.
# درخواست من یک پوسته «وبلاگ شخصی» با نام «man-blog» بساز. ویژگی‌های مورد نظر: تک‌ستونه و مینیمال با فاصله زیاد بین سطرها؛ رنگ مضمون سبز زیتونی؛ صفحه اصلی فهرست مطالب با تصویر بندانگشتی و چکیده؛ در صفحه مطلب، مطالب مشابه و برچسب‌ها زیر متن؛ منوی ساده چهارگزینه‌ای.
# درخواست من یک پوسته «بایگانی آموزشی» با نام «amoozesh» بساز. ویژگی‌های مورد نظر: بدون دیدگاه و فروشگاه؛ رنگ مضمون بنفش تیره؛ صفحه اصلی فهرست مقالات با صفحه‌بندی و جعبه جستجوی برجسته؛ صفحه مطلب دوستونه با فهرست مقالات همان دسته در ستون کناری؛ قالب جدای «درباره ما».
# درخواست من یک پوسته «فروشگاه فایل» با نام «file-shop» بساز. ویژگی‌های مورد نظر: رنگ مضمون قرمز آجری؛ صفحه اصلی با لغزانه کالاهای ویژه و شبکه محصولات با قیمت و دکمه خرید؛ صفحه مطلب شامل %price و %buy و توضیحات کامل کالا؛ ستون کناری با «پرفروش‌ترین‌ها»؛ کلید سبد خرید شناور.
یادآوری: در نسخه سبک انتشار از کلمات «دیدگاه»، «رأی» و «سبد خرید» در درخواست استفاده نکنید؛ در نسخه بدون فروشگاه از «سبد خرید» و «قیمت».