بخش تایپوگرافی و پیکربندی همگانی (Typography & General Settings) قلب تپنده استایل قالب شماست. امکانی که برای آپلود و ساخت داینامیک فونت (Font Builder) با ساختار فیلد گروهی تو در تو (group) پیاده کرده‌اید، بی‌نظیر است و کاربر را از افزونه‌های جانبی کاملاً بی‌نیاز می‌کند. همچنین کنترل پارامترهای اصلی چیدمان مثل عرض کانتینر، پدینگ و انحنای المان‌ها در این بخش قرار دارد.

راهنمای بخش: تایپوگرافی و ساختار همگانی سایت

این بخش به شما امکان می‌دهد کنترل کامل هویت بصری سایت، از جمله فونت‌های اختصاصی، ضخامت متون، جهت‌بندی کلی صفحات، و ابعاد ساختاری (کانتینر و فواصل) را در دست بگیرید.

🔹 ۱. تنظیمات استایل و ویژگی‌های متن

• تایپوگرافی متن (DiginoTypoGraphy):

  • عملکرد: این بخش ویژگی‌های پایه‌ای و عمومی متون سایت را تنظیم می‌کند:

    • اندازه متن (font-size): اندازه پیش‌فرض متون بدنه سایت (مقدار پیش‌فرض: 12 پیکسل).

    • تراز متن (text-align): چیدمان متون که به صورت پیش‌فرض روی راست‌چین (right) تنظیم شده است.

    • رنگ متن (color): رنگ عمومی متون سایت (مقدار پیش‌فرض: مشکی روشن / #111).

    • فاصله خطوط (line-height): فاصله عمودی بین خطوط برای خوانایی بهتر (مقدار پیش‌فرض: 1.5).

• جهت بندی قالب (direction):

  • عملکرد: تعیین‌کننده جهت کلی چیدمان المان‌های قالب.

  • گزینه‌ها: راست‌چین (RTL) برای زبان‌های فارسی/عربی (وضعیت پیش‌فرض) یا چپ‌چین (LTR) برای زبان‌های انگلیسی و لاتین.

• ضخامت متن / وزن فونت (text_weight):

  • عملکرد: ضخامت پیش‌فرض متون عادی و بدنه سایت را تعیین می‌کند (مقدار پیش‌فرض: 400 Regular).

• ضخامت متن دکمه‌ها (button_weight):

  • عملکرد: ضخامت متونی که داخل دکمه‌های سایت قرار دارند را به جهت بولدتر و جذاب‌تر شدن تنظیم می‌کند (مقدار پیش‌فرض: 700 Bold).

🔹 ۲. سیستم مدیریت و ساخت فونت دلخواه (Font Builder)

قالب به شما اجازه می‌دهد هر نوع فونت دلخواهی که خریداری کرده‌اید (مثل ایران‌سانس، کلمه و…) را مستقیماً در سایت آپلود و استفاده کنید.

• انتخاب فونت (DiginoTypoGraphy_font):

  • عملکرد: منوی انتخابی برای اعمال فونت اصلی روی کل سایت. فونت پیش‌فرض قالب روی YekanBakh تنظیم شده است.

  • ⚠️ نکته بسیار مهم: اگر فونت جدیدی در بخش مدیریت فونت‌ها ساختید، حتماً باید یک‌بار صفحه تنظیمات قالب را ریفرش (Refersh) کنید تا نام فونت جدید به این لیست انتخابی اضافه شود.

• مدیریت فونت‌ها (font_builder):

  • عملکرد: فیلد تکرارشونده برای ثبت فونت‌های جدید. با کلیک روی «افزودن فونت جدید» فیلدهای زیر باز می‌شوند:

    • نام فونت نمایشی (font_label): نامی که برای راحتی خودتان در لیست انتخاب فونت نشان داده می‌شود (مثلاً: ایران یکان).

    • نام واقعی (font_family): نام دقیق استاندارد CSS فونت بدون فاصله (مثلاً: IRANYekan).

    • بخش وزن‌ها (weights): در این قسمت می‌توانید برای یک فونت، چندین وزن مختلف (مثلاً لایت، رگولار، بولد) تعریف کنید و فایل‌های با فرمت WOFF و WOFF2 مربوط به هر وزن را به طور مجزا آپلود کنید تا سیستم بالاترین سرعت لود را داشته باشد.

🔹 ۳. تنظیمات ابعاد، فواصل و کانتینر سایت

• انحنا حاشیه المان‌ها (border_radius):

  • عملکرد: میزان گردی گوشه‌های باکس‌ها، کارت‌های محصول، دکمه‌ها و بنرهای سایت بر حسب پیکسل (مقدار پیش‌فرض: 15px). با تغییر این عدد می‌توانید ظاهر سایت را تیزتر یا گردتر کنید.

• فاصله داخلی (padding):

  • عملکرد: میزان فاصله داخلی پیش‌فرض المان‌ها از دیواره‌های خود بر حسب پیکسل (مقدار پیش‌فرض: 10px).

• عرض کانتینر (frame):

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

  • محدوده تنظیم: قابل تغییر بین 1100 تا 1700 پیکسل (مقدار پیش‌فرض و استاندارد: 1440px).