بخش‌ها، رپ‌ها و المان‌ها

هر برگهٔ صفحه‌ساز از سه نوع مورد ساخته می‌شود که هر کدام درون دیگری است:

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

زبانهٔ ناوبر این درخت را برای برگه‌ای که ویرایش می‌کنید نشان می‌دهد.

عرض رپ‌ها

هر رپ یک عرض دارد: ۱/۶، ۱/۵، ۱/۴، ۱/۳، ۲/۵، ۱/۲، ۳/۵، ۲/۳، ۳/۴، ۴/۵، ۵/۶ یا ۱/۱ بخش، یا درصدی دلخواه. دستگیرهٔ لبهٔ رپ را روی برگه بکشید تا عرضش تغییر کند.

عرض‌ها برای هر دستگاه جداگانه تنظیم می‌شوند. یک چیدمان رایج:

در گوشی، رپ‌ها تمام‌عرض‌اند مگر برایشان عرض موبایل بگذارید.

تنظیمات بخش

یک بخش را انتخاب کنید (روی لبه‌اش بزنید، یا روی نامش در ناوبر) تا تنظیماتش را ببینید.

محتوا

سبک: پس‌زمینه (رنگ، گرادیان یا تصویر، با پارالاکس)، یک پوشش روی پس‌زمینه، یک ویدیوی پس‌زمینه از فایل، آپارات، یوتیوب یا ویمئو، و جداکننده‌های شکل‌دار (موج، منحنی، مثلث…) در بالا و پایین. ویدیو در گوشی فقط تصویر پوسترش را نشان می‌دهد، مگر پخش ویدیو روی گوشی را روشن کنید.

پیشرفته: پایین‌تر را ببینید. شناسهٔ CSS یک بخش آن را به یک لنگر هم تبدیل می‌کند: پیوند فهرستی به #services به بخشی پیمایش می‌کند که شناسهٔ CSS آن services است.

تنظیماتی که همهٔ موارد دارند

بخش‌ها، رپ‌ها و المان‌ها همه علاوه بر تنظیمات خودشان این‌ها را دارند. فهرست کامل در تنظیمات سبک و پیشرفته است.

سبک

• تایپوگرافی، رنگ متن و رنگ متن هنگام هاور.
• پس‌زمینه و رنگ پس‌زمینه هنگام هاور.
• فاصلهٔ داخلی و بیرونی، برای هر دستگاه.
• حاشیه، گردی گوشه‌ها و سایه، هر کدام با حالت هاور.

پیشرفته

• شناسهٔ CSS و کلاس‌های CSS، برای CSS خودتان.
• انیمیشن ورود با تأخیر و مدت: مورد هنگام رسیدن به صفحه با محو شدن یا لغزیدن ظاهر می‌شود. بازدیدکنندگانی که در تنظیمات دستگاهشان حرکت کمتر خواسته‌اند آن را بی‌انیمیشن می‌بینند.
• چسبان: مورد هنگام پیمایش بخشش به بالا یا پایین صفحه می‌چسبد.
• پنهان در: دسکتاپ، لپ‌تاپ، تبلت یا موبایل.
• نمایش به: همه، فقط کاربران واردشده (در صورت تمایل فقط برخی نقش‌ها)، یا فقط بازدیدکنندگانی که وارد نشده‌اند.
• نمایش از و نمایش تا: تاریخ‌ها، برای پیشنهادی که خودش شروع و تمام شود.
• CSS سفارشی فقط برای همین مورد.

نکته «نمایش به» و تاریخ‌ها هنگام ساخته شدن صفحه بررسی می‌شوند. اگر سایتتان افزونهٔ کش دارد، مطمئن شوید صفحه‌های کش‌شده به کاربران واردشده داده نمی‌شوند (بیشتر افزونه‌های کش این را به‌طور پیش‌فرض رعایت می‌کنند).

جهت‌ها: ابتدا و انتها

تنظیمات به‌جای چپ و راست از ابتدا و انتها حرف می‌زنند. در سایت فارسی ابتدا سمت راست است و در سایت انگلیسی سمت چپ. طرحی که در یک زبان می‌سازید بی هیچ تغییری در زبان دیگر هم کار می‌کند: تصویری «در ابتدا» در فارسی سمت راست و در انگلیسی سمت چپ می‌نشیند.

المان‌ها

المان‌ها در زبانهٔ المان‌ها دسته‌بندی شده‌اند:

کار هر المان و همهٔ تنظیماتش: مرجع المان‌ها.