SD راهنمای سوپردوپر مارکت صفحه معرفی صفحه اصلی قالب

نصب روی هاست

قالب کاملاً استاتیک است: هر هاستی که فایل HTML سرو کند کافی است. نه PHP لازم دارد، نه دیتابیس، نه Node.

آنچه باید آپلود شود

index.html
demo.html
*.html              ← همه‌ی صفحات
assets/             ← کل پوشه
help/               ← اختیاری (مستندات)

پوشه‌ی tools/ را لازم نیست آپلود کنید؛ ابزار توسعه است و روی سایت هیچ کاربردی ندارد.

هاست اشتراکی (cPanel / DirectAdmin)

  1. وارد File Manager شوید و به public_html بروید.
  2. فایل ZIP قالب را آپلود و همان‌جا Extract کنید.
  3. مطمئن شوید index.html مستقیم داخل public_html است، نه در یک زیرپوشه‌ی اضافه.
  4. دامنه را باز کنید.

index.html بسته فقط یک انتقال (redirect) به home-1-fresh.html است. اگر می‌خواهید صفحه‌ی اصلی سایت پالت دیگری باشد، محتوای index.html را با محتوای home-2-aqua.html یا home-3-graphite.html جایگزین کنید - یا آدرس داخل تگ refresh را عوض کنید.

نصب در زیرپوشه

چون همه‌ی مسیرها نسبی‌اند، قالب داخل زیرپوشه هم بدون تغییر کار می‌کند:

https://example.com/shop/demo.html

هیچ تنظیم base href یا ویرایش مسیری لازم نیست.

Nginx

server {
    listen 80;
    server_name example.com;
    root /var/www/superdouper;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }

    # فونت، تصویر و CSS بسته نسخه‌بندی می‌شوند؛ کش طولانی بی‌خطر است
    location ~* \.(woff2|webp|png|svg|css|js)$ {
        expires 30d;
        add_header Cache-Control "public";
    }
}

Apache (‏.htaccess)

نمونه‌ی آماده در examples/htaccess.txt هست. آن را در ریشه‌ی سایت با نام .htaccess قرار دهید:

DirectoryIndex index.html

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/css application/javascript image/svg+xml
</IfModule>

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType text/css "access plus 30 days"
  ExpiresByType application/javascript "access plus 30 days"
  ExpiresByType image/webp "access plus 30 days"
  ExpiresByType font/woff2 "access plus 1 year"
</IfModule>

Netlify / Vercel / GitHub Pages

بدون تنظیمات خاص:

  • Netlify: پوشه را در ناحیه‌ی Deploy رها کنید (drag & drop). Build command خالی، Publish directory ریشه‌ی پروژه.
  • Vercel: پروژه را به‌عنوان Static وارد کنید؛ Framework Preset را روی «Other» بگذارید.
  • GitHub Pages: مخزن را push کنید و در Settings → Pages، شاخه و ریشه (/) را انتخاب کنید.

HTTPS و نقشه

نقشه کاشی‌ها را از https://tile.openstreetmap.org می‌گیرد. اگر سایت شما روی HTTP باشد بعضی مرورگرها محتوای ترکیبی را محدود می‌کنند؛ سایت را روی HTTPS بالا بیاورید (روی همه‌ی هاست‌های امروزی رایگان است).

⚠ سرور عمومی کاشی OpenStreetMap برای ترافیک سبک است. برای سایت پرمخاطب، سرویس کاشی خودتان را در TILES داخل superium-map.js بگذارید.

چک‌لیست پیش از انتشار

  • تصاویر کالاها را با تصاویر خودتان جایگزین کرده‌اید (ابزارهای ساخت)
  • نام برند، لوگو و فاویکون عوض شده
  • شماره تماس، آدرس و متن فوتر به‌روز است
  • لینک‌های شبکه‌های اجتماعی درست است
  • demo.html و پوشه‌ی help/ را اگر نمی‌خواهید عمومی باشند حذف کنید

گام بعدی