نصب روی هاست
قالب کاملاً استاتیک است: هر هاستی که فایل HTML سرو کند کافی است. نه PHP لازم دارد، نه دیتابیس، نه Node.
آنچه باید آپلود شود
index.html
demo.html
*.html ← همهی صفحات
assets/ ← کل پوشه
help/ ← اختیاری (مستندات)
پوشهی tools/ را لازم نیست آپلود کنید؛ ابزار توسعه است و روی سایت هیچ کاربردی ندارد.
هاست اشتراکی (cPanel / DirectAdmin)
- وارد File Manager شوید و به
public_htmlبروید. - فایل ZIP قالب را آپلود و همانجا Extract کنید.
- مطمئن شوید
index.htmlمستقیم داخلpublic_htmlاست، نه در یک زیرپوشهی اضافه. - دامنه را باز کنید.
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/را اگر نمیخواهید عمومی باشند حذف کنید