ساخت دموی آنلاین قالب وردپرس با وردپرس Playground

اگه قالب وردپرس طراحی می‌کنید یا فروشگاه قالب دارید، احتمالاً می‌خواید کاربر قبل از خرید، ظاهر و بخش‌های مختلف قالب رو از نزدیک ببینه. قبلاً افزونه WordPress Theme Demo Bar برای این کار پیشنهاد می‌شد، ولی حالا دیگه نمی‌شه اون رو انتخاب امن و قابل‌اتکایی دونست. توی این آموزش سراغ وردپرس Playground می‌ریم؛ ابزاری که یک وردپرس آزمایشی رو داخل مرورگر اجرا می‌کنه.

اول می‌بینیم چرا بهتره افزونه قدیمی رو کنار بذارید. بعد بدون کدنویسی یک دموی ساده می‌سازیم و در ادامه با Blueprint آشنا می‌شیم. Blueprint یک فایل تنظیماته که به Playground می‌گه برای هر بازدیدکننده چه قالب، افزونه و محتوایی رو آماده کنه.

چرا نباید از WordPress Theme Demo Bar استفاده کنید

سال‌ها پیش از افزونه WordPress Theme Demo Bar برای نمایش چند قالب روی یک سایت استفاده می‌شد. حالا صفحه دانلود این افزونه در مخزن وردپرس در دسترس نیست و انجمن پشتیبانیش هم فعالیت تازه‌ای نداره. برای همین نمی‌شه روی سازگاری اون با نسخه‌های جدید وردپرس حساب کرد.

نکته مهم‌تر، گزارش امنیتی CVE-2025-25134 برای نسخه ۱.۶.۳ و نسخه‌های قدیمی‌تره. توی این گزارش یک آسیب‌پذیری XSS بازتابی ثبت شده. XSS یعنی ممکنه مهاجم با دست‌کاری یک ورودی، کد ناخواسته‌ای رو در مرورگر کاربر اجرا کنه.

اگه این افزونه از قبل روی سایتتون نصبه، اول یک نسخه پشتیبان بگیرید و بعد اون رو غیرفعال و حذف کنید. چون نسخه اصلاح‌شده و قابل‌تأییدی برای مشکل گزارش‌شده معرفی نشده، نگه‌داشتن افزونه انتخاب مطمئنی نیست.

وردپرس Playground چیه

وردپرس Playground یک محیط آزمایشی برای اجرای وردپرس داخل مرورگره. این محیط از سایت اصلیتون جداست. پس بازدیدکننده می‌تونه قالب رو ببینه و قسمت‌های مختلف دمو رو امتحان کنه، بدون اینکه به پیشخوان یا اطلاعات سایت اصلیتون دسترسی داشته باشه.

بهتره هر محیط Playground رو موقت در نظر بگیرید. اگه فقط می‌خواید یک قالب رو سریع امتحان کنید، همین محیط ساده کارتون رو راه می‌اندازه. ولی اگه می‌خواید لینک ثابتی برای مشتری‌ها بفرستید و دمو هر بار با تنظیمات یکسان آماده بشه، Blueprint انتخاب مناسب‌تریه.

ساخت دموی قالب بدون کدنویسی

برای اینکه سریع یک دمو بسازید، مراحل زیر رو به‌ترتیب انجام بدید:

1. وارد سایت وردپرس Playground بشید و کمی صبر کنید تا محیط وردپرس آماده بشه.
2. در پیشخوان، به بخش «نمایش ← پوسته‌ها» برید.
3. اگه قالب در مخزن وردپرس منتشر شده، روی «افزودن پوسته تازه» بزنید. بعد اسم قالب رو جست‌وجو کنید و اون رو نصب و فعال کنید.
4. اگه فایل ZIP قالب رو دارید، گزینه «بارگذاری پوسته» رو بزنید و فایل رو انتخاب کنید.
5. برگه‌های نمونه، منو و صفحه اصلی رو آماده کنید. در آخر نمای سایت رو باز کنید و همه قسمت‌های مهم رو امتحان کنید.

اگه هنوز با مفهوم قالب آشنا نیستید، راهنمای قالب وردپرس چیست کمکتون می‌کنه فرق قالب، افزونه و محتوای سایت رو راحت‌تر بفهمید. برای اینکه تغییر قالب به بخش‌های مختلف سایتتون آسیب نزنه، آموزش تغییر قالب وردپرس همراه با چک‌لیست رو هم ببینید. اگه یک قالب واقعی برای تمرین این مراحل می‌خواید، می‌تونید از قالب وردپرس Zakra فارسی کمک بگیرید.

ساخت لینک دموی تکرارپذیر با Blueprint

روش دستی برای یک آزمایش سریع خوبه، ولی برای فروش قالب کافی نیست. چون هر بار که یک محیط تازه باز می‌شه، باید دوباره قالب رو نصب کنید، افزونه‌ها رو فعال کنید و برگه‌های نمونه رو بسازید. Blueprint در مستندات رسمی وردپرس Playground این کارهای تکراری رو به‌صورت خودکار انجام می‌ده.

Blueprint در واقع یک فایل متنی شامل دستورهای آماده‌سازیه. شما یک‌بار داخل این فایل می‌نویسید که Playground چه نسخه‌ای از وردپرس و PHP رو اجرا کنه، کدوم قالب و افزونه‌ها رو نصب و فعال کنه، چه محتوایی رو وارد کنه و در پایان چه صفحه‌ای رو به کاربر نشون بده. بعد Playground هر بار که دمو باز می‌شه، همین دستورها رو از اول و به همون ترتیب اجرا می‌کنه.

برای مثال، فرض کنید می‌خواید هر مشتری بعد از بازکردن لینک دمو، یک وردپرس تازه با قالب فروشگاهی شما و صفحه اصلی آماده ببینه. بدون Blueprint باید همه این کارها رو برای هر محیط به‌صورت دستی انجام بدید. ولی با Blueprint فقط دستور نصب و فعال‌سازی قالب و مسیر صفحه اصلی رو مشخص می‌کنید. در نتیجه هر بازدیدکننده یک محیط جدا تحویل می‌گیره، ولی نقطه شروع همه دموها یکسانه.

این فایل با قالب JSON نوشته می‌شه. JSON یک روش ساده و منظم برای نوشتن تنظیماته و لازم نیست برنامه‌نویس باشید تا نمونه‌های ساده اون رو ویرایش کنید. فقط باید نام گزینه‌ها، علامت‌های نقل‌قول، ویرگول‌ها و آکولادهای باز و بسته رو درست نگه دارید.

برای شروع می‌تونید از ساختار ساده زیر کمک بگیرید. فقط مقدار your-theme-slug رو با نامک واقعی قالبی عوض کنید که در مخزن رسمی وردپرس منتشر شده:

{  "$schema": "https://playground.wordpress.net/blueprint-schema.json",  "landingPage": "/",  "preferredVersions": {    "wp": "latest",    "php": "8.3"  },  "steps": [    {      "step": "installTheme",      "themeData": {        "resource": "wordpress.org/themes",        "slug": "your-theme-slug"      },      "options": {        "activate": true      }    }  ]}

این نمونه فقط قالبی رو نصب می‌کنه که از مخزن رسمی وردپرس دریافت می‌شه. برای یک قالب اختصاصی یا تجاری، باید فایل ZIP رو از یک نشانی HTTPS قابل‌اعتماد در اختیار Blueprint بذارید. فایل قالب پولی رو روی یک نشانی عمومی قرار ندید؛ چون هر کسی که لینک مستقیم فایل رو داشته باشه، ممکنه بتونه اون رو دانلود کنه.

قبل از اینکه لینک رو منتشر کنید، Blueprint رو چند بار در پنجره ناشناس مرورگر باز کنید. با این آزمایش می‌بینید یک کاربر تازه دقیقاً با چه چیزی روبه‌رو می‌شه. همین‌طور مطمئن می‌شید نصب قالب، بازشدن صفحه اصلی و بارگذاری فایل‌ها درست انجام می‌شن.

نکات مهم قبل از انتشار دمو

• اطلاعات واقعی وارد نکنید: ایمیل، رمز عبور، کلید API و اطلاعات مشتری‌ها رو داخل فایل دمو نذارید.
• محتوای نمونه کوتاه و واقعی بسازید: چند برگه، نوشته و تصویر نمونه کافیه. لازم نیست دمو رو با متن‌های بی‌معنی شلوغ کنید.
• نمای موبایل رو بررسی کنید: صفحه اصلی، منو، دکمه خرید و فرم‌ها رو در عرض‌های مختلف مرورگر امتحان کنید.
• مسیر خرید رو واضح نگه دارید: داخل صفحه معرفی قالب، یک دکمه مشخص برای برگشت به صفحه خرید یا دانلود بذارید.
• فایل‌های دمو رو به‌روز نگه دارید: هر بار قالب یا افزونه‌های ضروری رو تغییر دادید، Blueprint و محتوای نمونه رو دوباره امتحان کنید.

نتیجه‌گیری

برای ساخت دموی آنلاین قالب وردپرس، بهتره سراغ WordPress Theme Demo Bar نرید. این افزونه قدیمیه، صفحه دانلود فعالی نداره و برای نسخه‌های شناخته‌شده اون هم یک مشکل امنیتی گزارش شده.

وردپرس Playground برای آزمایش سریع، یک محیط ساده و جدا در اختیارتون می‌ذاره. وقتی هم که یک دموی تکرارپذیر می‌خواید، می‌تونید با Blueprint قالب و محتوای نمونه رو برای هر بازدیدکننده آماده کنید. فقط یادتون نره فایل قالب تجاری، رمزها و اطلاعات خصوصی رو داخل دموی عمومی قرار ندید.

سؤالات متداول

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.