تنظیمات بخش و رپ
تنظیمات بخش (نوار تمام‌عرض صفحه) و رپ (ستونی درون بخش که المان‌ها و رپ‌های دیگر را در خود جا می‌دهد).
بخش
محتوا
| تنظیم | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| عرض | فهرست | محتوای هم‌عرض سایت | گزینه‌ها: محتوای هم‌عرض سایت · محتوای تمام‌عرض · تمام‌عرض، بدون فاصلهٔ کناری. |
| حداقل ارتفاع | عدد | — | برای هر دستگاه. |
| چینش عمودی | فهرست | بالا | گزینه‌ها: بالا · وسط · پایین · کشیده. |
| چیدمان رپ‌ها | فهرست | ستون‌ها (عرض رپ‌ها) | ناحیه‌ها برای ردیف‌های سربرگ و پابرگ مناسب‌اند: رپ اول در ابتدا، رپ آخر در انتها و رپ میانی در وسط قرار می‌گیرد؛ موارد هر ناحیه کنار هم می‌نشینند. گزینه‌ها: ستون‌ها (عرض رپ‌ها) · ناحیه‌های ابتدا، وسط و انتها. |
| فاصلهٔ بین رپ‌ها | عدد | — | برای هر دستگاه. |
| نمایش رپ‌ها به صورت اسلایدر | روشن / خاموش | خاموش | هر رپ در سایت یک اسلاید می‌شود. در سازنده، رپ‌ها کنار هم می‌مانند تا ویرایششان آسان باشد. |
| تعداد اسلاید هم‌زمان | عدد | دسکتاپ: 1 | برای هر دستگاه. |
| جلوهٔ تغییر | فهرست | اسلاید | گزینه‌ها: اسلاید · محو شدن (یک اسلاید در هر لحظه). |
| پیکان‌ها | فهرست | روی اسلایدها | گزینه‌ها: روی اسلایدها · کنار اسلایدها · هیچ‌کدام. |
| نشانگر موقعیت | فهرست | نقطه‌ها | گزینه‌ها: نقطه‌ها · اعداد (۲ از ۵) · نوار پیشرفت · هیچ‌کدام. |
| پخش خودکار | روشن / خاموش | خاموش | با هاور متوقف می‌شود و دکمهٔ توقف نمایش داده می‌شود. برای بازدیدکنندگانی که حرکت کمتر را ترجیح می‌دهند خاموش است. |
| زمان هر اسلاید (ثانیه) | عدد | 5 | |
| تکرار | روشن / خاموش | روشن |
سبک
| تنظیم | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| تایپوگرافی | تایپوگرافی | — | |
| رنگ متن | رنگ | — | |
| رنگ متن هنگام هاور | رنگ | — | |
| پس‌زمینه | پس‌زمینه | — | |
| رنگ پس‌زمینه هنگام هاور | رنگ | — | |
| فاصلهٔ داخلی | اندازه‌ها | — | برای هر دستگاه. |
| فاصلهٔ بیرونی | اندازه‌ها | — | برای هر دستگاه. |
| حاشیه | فهرست | — | گزینه‌ها: هیچ‌کدام · ممتد · خط‌چین · نقطه‌چین · دوخطی. |
| ضخامت حاشیه | اندازه‌ها | — | برای هر دستگاه. |
| رنگ حاشیه | رنگ | — | |
| رنگ حاشیه هنگام هاور | رنگ | — | |
| گردی گوشه‌ها | عدد | — | برای هر دستگاه. |
| سایه | سایه | — | |
| سایه هنگام هاور | سایه | — | |
| پوشش | پس‌زمینه | — | رنگ، گرادیان یا تصویری روی پس‌زمینه (و ویدیو) و زیر محتوا. |
| میزان شفافیت لایهٔ رویی | عدد | 60 | |
| ویدیوی پس‌زمینه | فهرست | — | گزینه‌ها: هیچ‌کدام · فایل ویدیو · Aparat · YouTube · Vimeo. |
| فایل ویدیو | فایل | — | MP4 یا WebM، کوتاه و کم‌حجم: بی‌صدا و پشت سر هم پخش می‌شود. |
| پیوند ویدیو | متن | — | پیوند صفحه یا اشتراک‌گذاری ویدیو. ویدیوهای جاسازی‌شده فقط وقتی سایت اجازه دهد پخش می‌شوند؛ تا آن زمان پوستر نمایش داده می‌شود. |
| تصویر پوستر | تصویر | — | هنگام بارگذاری ویدیو، روی گوشی (مگر اینکه ویدیو آنجا پخش شود) و برای بازدیدکنندگانی که حرکت کمتر را ترجیح می‌دهند نمایش داده می‌شود. |
| پخش ویدیو روی گوشی | روشن / خاموش | خاموش | |
| جداکنندهٔ شکل‌دار بالا | فهرست | — | گزینه‌ها: هیچ‌کدام · موج · موج‌های لایه‌ای · منحنی · منحنی گود · مورب · مثلث · پیکان · کوه‌ها · زیگزاگ · ابرها. |
| رنگ جداکننده | رنگ | — | معمولاً رنگ پس‌زمینهٔ بخش بعدی. خالی: پس‌زمینهٔ صفحه. |
| ارتفاع جداکننده | عدد | — | خالی: ۷۰ پیکسل. برای هر دستگاه. |
| قرینه کردن جداکننده | روشن / خاموش | خاموش | |
| جداکنندهٔ شکل‌دار پایین | فهرست | — | گزینه‌ها: هیچ‌کدام · موج · موج‌های لایه‌ای · منحنی · منحنی گود · مورب · مثلث · پیکان · کوه‌ها · زیگزاگ · ابرها. |
| رنگ جداکننده | رنگ | — | معمولاً رنگ پس‌زمینهٔ بخش بعدی. خالی: پس‌زمینهٔ صفحه. |
| ارتفاع جداکننده | عدد | — | خالی: ۷۰ پیکسل. برای هر دستگاه. |
| قرینه کردن جداکننده | روشن / خاموش | خاموش |
پیشرفته
| تنظیم | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| پنهان کردن این ردیف هنگام چسبیدن سربرگ | روشن / خاموش | خاموش | برای قالب‌های سربرگ با سربرگ چسبان، مثلاً برای پنهان کردن نوار بالا. |
| برچسب HTML | فهرست | section | گزینه‌ها: section · div · header · footer · aside. |
| شناسهٔ CSS | متن | — | همچنین لنگر پیوندهای فهرست تک‌صفحه‌ای است، مانند #services. |
| کلاس‌های CSS | متن | — | |
| انیمیشن ورود | فهرست | — | گزینه‌ها: هیچ‌کدام · ظاهر شدن تدریجی · ظاهر شدن رو به بالا · ظاهر شدن رو به پایین · ظاهر شدن از سمت ابتدا · ظاهر شدن از سمت انتها · بزرگ‌شدن · کوچک‌شدن · چرخش. |
| تأخیر انیمیشن | عدد | 0 | |
| مدت انیمیشن | عدد | 700 | |
| چسبان | فهرست | — | تا وقتی والدش در حال پیمایش است در دید می‌ماند. گزینه‌ها: خاموش · چسبیدن به بالا · چسبیدن به پایین. |
| فاصله چسبان | عدد | — | برای هر دستگاه. |
| z-index | عدد | — | |
| پنهان در | چند انتخاب | — | گزینه‌ها: دسکتاپ · لپ‌تاپ · تبلت · موبایل. |
| نمایش به | فهرست | — | اگر از کش صفحه استفاده می‌کنید، مطمئن شوید صفحه‌های کش‌شده به کاربران واردشده نمایش داده نمی‌شوند. گزینه‌ها: همه · کاربران واردشده · بازدیدکنندگانی که وارد نشده‌اند. |
| فقط این نقش‌های کاربری | چند انتخاب | — | اگر هیچ‌کدام تیک نخورد، همهٔ نقش‌ها. گزینه‌ها: مدیر کل · ویرایشگر · نویسنده · مشارکت‌کننده · مشترک · مشتری · مدیر فروشگاه. |
| نمایش از | تاریخ و زمان | — | به منطقهٔ زمانی سایت. خالی یعنی بدون محدودیت. |
| نمایش تا | تاریخ و زمان | — | |
| CSS سفارشی | کد | — | برای اشاره به همین مورد از «selector» استفاده کنید، مثلاً selector { opacity: .9; }. |
رپ
محتوا
| تنظیم | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| عرض | size | دسکتاپ: 1/1 | رپ‌ها در موبایل تمام‌عرض هستند، مگر اینکه برای موبایل عرض جداگانه تعیین کنید. برای هر دستگاه. |
| چینش عمودی | فهرست | بالا | گزینه‌ها: بالا · وسط · پایین · کشیده. |
سبک
| تنظیم | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| تایپوگرافی | تایپوگرافی | — | |
| رنگ متن | رنگ | — | |
| رنگ متن هنگام هاور | رنگ | — | |
| پس‌زمینه | پس‌زمینه | — | |
| رنگ پس‌زمینه هنگام هاور | رنگ | — | |
| فاصلهٔ داخلی | اندازه‌ها | — | برای هر دستگاه. |
| فاصلهٔ بیرونی | اندازه‌ها | — | برای هر دستگاه. |
| حاشیه | فهرست | — | گزینه‌ها: هیچ‌کدام · ممتد · خط‌چین · نقطه‌چین · دوخطی. |
| ضخامت حاشیه | اندازه‌ها | — | برای هر دستگاه. |
| رنگ حاشیه | رنگ | — | |
| رنگ حاشیه هنگام هاور | رنگ | — | |
| گردی گوشه‌ها | عدد | — | برای هر دستگاه. |
| سایه | سایه | — | |
| سایه هنگام هاور | سایه | — |
پیشرفته
| تنظیم | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| شناسهٔ CSS | متن | — | همچنین لنگر پیوندهای فهرست تک‌صفحه‌ای است، مانند #services. |
| کلاس‌های CSS | متن | — | |
| انیمیشن ورود | فهرست | — | گزینه‌ها: هیچ‌کدام · ظاهر شدن تدریجی · ظاهر شدن رو به بالا · ظاهر شدن رو به پایین · ظاهر شدن از سمت ابتدا · ظاهر شدن از سمت انتها · بزرگ‌شدن · کوچک‌شدن · چرخش. |
| تأخیر انیمیشن | عدد | 0 | |
| مدت انیمیشن | عدد | 700 | |
| چسبان | فهرست | — | تا وقتی والدش در حال پیمایش است در دید می‌ماند. گزینه‌ها: خاموش · چسبیدن به بالا · چسبیدن به پایین. |
| فاصله چسبان | عدد | — | برای هر دستگاه. |
| z-index | عدد | — | |
| پنهان در | چند انتخاب | — | گزینه‌ها: دسکتاپ · لپ‌تاپ · تبلت · موبایل. |
| نمایش به | فهرست | — | اگر از کش صفحه استفاده می‌کنید، مطمئن شوید صفحه‌های کش‌شده به کاربران واردشده نمایش داده نمی‌شوند. گزینه‌ها: همه · کاربران واردشده · بازدیدکنندگانی که وارد نشده‌اند. |
| فقط این نقش‌های کاربری | چند انتخاب | — | اگر هیچ‌کدام تیک نخورد، همهٔ نقش‌ها. گزینه‌ها: مدیر کل · ویرایشگر · نویسنده · مشارکت‌کننده · مشترک · مشتری · مدیر فروشگاه. |
| نمایش از | تاریخ و زمان | — | به منطقهٔ زمانی سایت. خالی یعنی بدون محدودیت. |
| نمایش تا | تاریخ و زمان | — | |
| CSS سفارشی | کد | — | برای اشاره به همین مورد از «selector» استفاده کنید، مثلاً selector { opacity: .9; }. |