راهنمای طراحی قالب اختصاصی

ساختار

قالب دو بخش دارد: یک قطعه HTML (محتوای بدنه صفحه، بدون head و body) و یک فایل CSS. هرجا می‌خواهید داده کسب‌وکار بیاید، جای‌نگهدار می‌گذارید. فرم رزرو با {{booking}} قرار می‌گیرد؛ اگر آن را نگذارید خودکار به انتهای صفحه اضافه می‌شود تا هیچ صفحه‌ای بدون رزرو نماند.

جای‌نگهدارها

قوانین امنیتی

• JavaScript اجرا نمی‌شود: تگ script و رویدادهایی مثل onclick هنگام ذخیره حذف می‌شوند، و سیاست امنیتی سایت هم اجرای آن را مسدود می‌کند.
• فرم، iframe، SVG و ویدئو مجاز نیست. فرم رزرو را خود سامانه می‌سازد.
• تصاویر فقط از همین سایت: عکس‌ها را در پنل آپلود کنید و آدرس آن‌ها را به کار ببرید.
• CSS: قوانین import و url خارجی حذف می‌شوند. فونت‌ها و تصاویر باید از همین سایت باشند.
• سقف حجم: ۱۰۰ کیلوبایت HTML و ۵۰ کیلوبایت CSS.

تگ‌های مجاز:

a abbr article aside b blockquote br center code dd div dl dt em figcaption figure footer h1 h2 h3 h4 h5 h6 header hr i img li main mark nav ol p pre s section small span strong sub sup table tbody td tfoot th thead time tr u ul

قالب اولیه

{{slider}}
<header class="ct-hero">
    {{logo}}
    <h1>{{name}}</h1>
    <p>{{tagline}}</p>
</header>

<main class="ct-main">
    {{booking}}

    <section class="ct-box">
        <h2>درباره ما</h2>
        <p>{{about}}</p>
    </section>

    <section class="ct-box">
        <h2>خدمات</h2>
        {{services}}
    </section>

    {{gallery}}

    <section class="ct-box">
        <h2>ساعت کاری</h2>
        {{hours}}
    </section>

    {{reviews}}
    {{faq}}

    <section class="ct-box">
        <h2>تماس با ما</h2>
        <p>{{address}}</p>
        {{contact}}
    </section>
</main>