رنگ‌ها، تایپوگرافی، چیدمان و وبلاگ
هماهنگ‌سازی هویت بصری در حالت روشن و تاریک.
رنگ‌های قالب
رنگ اصلی و رنگ تعامل برای حالت روشن و تاریک جدا هستند. رنگ اصلی برای تأکیدها و رنگ تعامل برای لینک‌ها، کنترل‌ها و وضعیت هاور استفاده می‌شود.
تایپوگرافی
فونت بدنه، تیترهای H1 تا H6، منو، زیرمنو، فرم، دکمه، قیمت و نام محصول تنظیم مستقل دارند. اندازه عنوان و قیمت محصول برای موبایل و دسکتاپ جدا است.
اعداد فارسی و خوانایی
گزینه اعداد فارسی، ارتفاع خط محتوای محصول و وزن زیرمنوها را با محتوای واقعی سایت آزمایش کنید.
ابعاد سراسری
حداکثر عرض محتوا، گردی پیش‌فرض اجزا، گردی فیلد فرم، شکل فیلد و ارتفاع ردیف بالای سربرگ از این بخش کنترل می‌شوند.
وبلاگ
چیدمان آرشیو نوشته‌ها و تعداد ستون‌های شبکه را انتخاب کنید و آرشیو را در اندازه‌های مختلف بررسی کنید.
مسیر دسترسی
پیشخوان ← آسان وردپرس ← تنظیمات قالب ← عمومی
از هویت برند شروع کنید
ابتدا رنگ اصلی و رنگ تعامل را برای پوسته روشن و تاریک تعیین کنید. رنگ اصلی برای تأکید و هویت بصری است؛ رنگ تعامل باید روی پس‌زمینه دکمه و لینک خوانایی کافی داشته باشد. سپس فونت بدنه و عنوان‌ها را تنظیم کنید تا اندازه‌ها را با رنگ و فاصله اشتباه نگیرید.
تایپوگرافی
برای بدنه وزن متوسط و ارتفاع خط راحت انتخاب کنید. عنوان‌های H1 تا H6 باید سلسله‌مراتب مشخص داشته باشند. فونت منو، فرم، دکمه، قیمت و نام محصول را فقط زمانی جدا کنید که دلیل طراحی روشنی دارید؛ تعداد زیاد فونت و وزن، سرعت و هماهنگی ظاهر را کم می‌کند.
وبلاگ و آرشیو
چیدمان شبکه‌ای برای مجله تصویری و چیدمان فهرستی برای متن‌های طولانی مناسب‌تر است. تعداد ستون‌ها را با عرض واقعی کارت و تصویر شاخص بسنجید و حالت بدون تصویر را هم ببینید.
نمونه تنظیم متعادل
برای یک فروشگاه عمومی، عرض محتوای ثابت، گردی ملایم، فیلدهای هم‌اندازه و یک فونت خوانا انتخاب کنید. سپس صفحه خانه، آرشیو، محصول، سبد و فرم ورود را کنار هم باز کنید تا اختلاف ناخواسته دیده شود.
مرجع همه گزینه‌های این راهنما
فهرست زیر مستقیماً با گزینه‌های همین نسخه قالب هماهنگ شده است. بعضی گزینه‌ها فقط پس از فعال‌شدن گزینه مادر دیده می‌شوند.
وبلاگ و آرشیوها
چیدمان و ستون‌ها
- چیدمان وبلاگ: چیدمان فهرستی یا شبکه‌ای را همراه یا بدون نوار کناری وبلاگ انتخاب کنید.
- تعداد ستون‌های شبکه: حداکثر تعداد ستون‌ها را در نمایشگرهای عریض انتخاب کنید؛ نمایشگرهای کوچک به‌صورت خودکار هماهنگ می‌شوند.
کارت‌های نوشته در آرشیو
- نمایش توضیحات آرشیو: توضیحات تعیین‌شده برای دسته‌بندی، برچسب، نویسنده و سایر صفحه‌های آرشیو را نمایش می‌دهد.
- نمایش تعداد نوشته‌های آرشیو: تعداد نوشته‌های منطبق را در سربرگ آرشیو نمایش می‌دهد.
- نمایش تاریخ در کارت‌های آرشیو: تاریخ انتشار را در هر کارت آرشیو نمایش می‌دهد.
- نمایش نویسنده در کارت‌های آرشیو: نام نویسنده را در هر کارت آرشیو نمایش می‌دهد.
- نمایش زمان مطالعه در کارت‌های آرشیو: زمان تقریبی مطالعه را در هر کارت آرشیو نمایش می‌دهد.
- نمایش دیدگاه‌ها در کارت‌های آرشیو: تعداد دیدگاه‌ها و پیوند گفت‌وگو را در هر کارت آرشیو نمایش می‌دهد.
- نمایش نشان نوشته ویژه در آرشیو: برای نوشته سنجاق‌شده یک نشان نمایش می‌دهد.
- نمایش دسته‌بندی‌ها در کارت‌های آرشیو: پیوند دسته‌بندی‌ها را بالای عنوان هر کارت آرشیو نمایش می‌دهد.
- نمایش برچسب‌ها در کارت‌های آرشیو: پیوند برچسب‌ها را زیر خلاصه کارت آرشیو نمایش می‌دهد.
- نمایش خلاصه در کارت‌های آرشیو: توضیح کوتاه‌شده را زیر اطلاعات کارت آرشیو نمایش می‌دهد.
- نمایش پیوند ادامه مطلب: فقط یک پیوند ادامه مطلب را پایین هر کارت آرشیو نمایش می‌دهد.
- محدودیت کلمات عنوان آرشیو: تعداد کلمات قابل نمایش در عنوان کارت‌های آرشیو را محدود می‌کند.
- محدودیت کلمات خلاصه آرشیو: تعداد کلمات قابل نمایش در توضیحات کارت‌های آرشیو را محدود می‌کند.
- نمایش مرورگر دسته‌بندی و برچسب: مرورگر جمع‌وجور دسته‌بندی‌ها و برچسب‌های محبوب را بالای آرشیو وبلاگ نمایش می‌دهد.
نوشته تکی
- نمایش تاریخ در نوشته تکی: تاریخ انتشار را در اطلاعات نوشته تکی نمایش می‌دهد.
- نمایش نویسنده در نوشته تکی: نام نویسنده را در اطلاعات نوشته تکی نمایش می‌دهد.
- نمایش زمان مطالعه در نوشته تکی: زمان تقریبی مطالعه را در اطلاعات نوشته تکی نمایش می‌دهد.
- نمایش دیدگاه‌ها در نوشته تکی: تعداد دیدگاه‌ها و پیوند گفت‌وگو را در اطلاعات نوشته تکی نمایش می‌دهد.
- نمایش نشان نوشته ویژه در نوشته تکی: اگر نوشته فعلی سنجاق‌شده باشد، نشان ویژه را نمایش می‌دهد.
- نمایش دسته‌بندی‌ها در نوشته تکی: پیوند دسته‌بندی‌ها را بالای عنوان نوشته تکی نمایش می‌دهد.
- نمایش برچسب‌ها در نوشته تکی: پیوند برچسب‌ها را زیر محتوای نوشته تکی نمایش می‌دهد.
- نمایش معرفی نویسنده زیر نوشته: تصویر، زندگی‌نامه و پیوند آرشیو نویسنده را پس از نوشته نمایش می‌دهد.
- نمایش پیوند نوشته قبلی و بعدی: پیمایش به نوشته قبلی و بعدی را نمایش می‌دهد.
نوشته‌های مرتبط
- نمایش نوشته‌های مرتبط: نوشته‌های دیگری از دسته‌بندی‌های مشابه را زیر نوشته فعلی پیشنهاد می‌دهد.
- تعداد نوشته‌های مرتبط: تعداد نوشته‌های مرتبط پس از نوشته تکی را تعیین کنید.
- نمایش تصویر در نوشته‌های مرتبط: تصویر شاخص را در کارت نوشته‌های مرتبط نمایش می‌دهد.
- نمایش دسته‌بندی‌ها در نوشته‌های مرتبط: پیوند دسته‌بندی‌ها را در کارت نوشته‌های مرتبط نمایش می‌دهد.
- نمایش تاریخ در نوشته‌های مرتبط: تاریخ انتشار را در کارت نوشته‌های مرتبط نمایش می‌دهد.
- نمایش نویسنده در نوشته‌های مرتبط: نام نویسنده را در کارت نوشته‌های مرتبط نمایش می‌دهد.
- نمایش زمان مطالعه در نوشته‌های مرتبط: زمان تقریبی مطالعه را در کارت نوشته‌های مرتبط نمایش می‌دهد.
- نمایش دیدگاه‌ها در نوشته‌های مرتبط: تعداد دیدگاه‌ها را در کارت نوشته‌های مرتبط نمایش می‌دهد.
- نمایش نشان ویژه در نوشته‌های مرتبط: اگر نوشته مرتبط سنجاق‌شده باشد، نشان ویژه را نمایش می‌دهد.
رنگ‌های پوسته
ظاهر و رنگ‌ها
- رنگ اصلی پوسته روشن: رنگ اصلی برند را برای پیوندها، برجسته‌سازی‌ها و کنترل‌های اصلی پوسته روشن تعیین می‌کند.
- رنگ تعامل پوسته روشن: رنگ هاور، فوکوس و حالت فعال همراه رنگ اصلی پوسته روشن را تعیین می‌کند.
- رنگ اصلی پوسته تاریک: رنگ اصلی برند را برای پیوندها، برجسته‌سازی‌ها و کنترل‌های اصلی پوسته تاریک تعیین می‌کند.
- رنگ تعامل پوسته تاریک: رنگ هاور، فوکوس و حالت فعال همراه رنگ اصلی پوسته تاریک را تعیین می‌کند.
فونت و چیدمان
تنظیمات عمومی فونت
- حالت رنگ پیش‌فرض: حالت رنگ نخستین بازدید را انتخاب کنید؛ کلید سربرگ همچنان می‌تواند امکان تغییر آن را به بازدیدکننده بدهد.
- فونت متن‌های سایت: خانواده فونت، وزن، اندازه، ارتفاع خط و رنگ پیش‌فرض متن سایت را کنترل می‌کند.
- فونت عنوان‌ها: خانواده فونت، وزن، ارتفاع خط و رنگ مشترک تیترهای H1 تا H6 را تعیین می‌کند.
- استفاده از ارقام فارسی: هنگام فعال بودن یکی از فونت‌های فارسی همراه پوسته، ارقام را فارسی نمایش می‌دهد.
فونت عنوان‌ها
- اندازه فونت H1: اندازه فونت سراسری تیترهای سطح اول را تنظیم کنید.
- اندازه فونت H2: اندازه فونت سراسری تیترهای سطح دوم را تنظیم کنید.
- اندازه فونت H3: اندازه فونت سراسری تیترهای سطح سوم را تنظیم کنید.
- اندازه فونت H4: اندازه فونت سراسری تیترهای سطح چهارم را تنظیم کنید.
- اندازه فونت H5: اندازه فونت سراسری تیترهای سطح پنجم را تنظیم کنید.
- اندازه فونت H6: اندازه فونت سراسری تیترهای سطح ششم را تنظیم کنید.
فونت منوها
- فونت منوی اصلی: فونت منوی اصلی در دسکتاپ را تنظیم می‌کند.
- اندازه زیرفهرست منوی اصلی: اندازه متن آیتم‌های بازشونده زیر پیمایش اصلی را تعیین می‌کند.
- وزن زیرفهرست منوی اصلی: وزن متن آیتم‌های بازشونده زیر پیمایش اصلی را تعیین می‌کند.
- فونت ردیف بالای سربرگ: فونت ردیف اختیاری بالای سربرگ اصلی را تنظیم می‌کند.
- اندازه زیرفهرست ردیف بالا: اندازه متن منوهای بازشونده از ردیف بالایی سربرگ را تعیین می‌کند.
- وزن زیرفهرست ردیف بالا: وزن متن منوهای بازشونده از ردیف بالایی سربرگ را تعیین می‌کند.
- ارتفاع ردیف بالایی سربرگ: ارتفاع ردیف اختیاری بالای سربرگ اصلی را تعیین می‌کند.
فرم‌ها و کنترل‌ها
- فونت فیلدهای فرم: متن داخل ورودی‌ها، فهرست‌های انتخاب و کادرهای متنی را کنترل می‌کند.
- فونت دکمه‌ها: فونت دکمه‌های قالب و ووکامرس را تنظیم می‌کند.
- گردی پیش‌فرض اجزا: شعاع گوشه مشترک کارت‌ها و اجزای پوسته را تعیین می‌کند.
- گردی فیلدهای فرم: شعاع گوشه مشترک ورودی‌ها، فهرست‌های انتخاب و کادرهای متنی را تعیین می‌کند.
- فرم ظاهری فیلدها: گوشه گرد یا صاف فیلدهای ورودی پوسته را انتخاب کنید.
فونت اطلاعات محصول
- فونت قیمت محصول: فونت، وزن و رنگ مشترک قیمت محصولات را کنترل می‌کند.
- اندازه قیمت کارت محصول در موبایل: اندازه قیمت محصول را در کارت‌های فروشگاه و نمایشگرهای کوچک تغییر می‌دهد.
- اندازه قیمت صفحه محصول در موبایل: اندازه قیمت اصلی محصول را برای موبایل جداگانه تعیین می‌کند.
- اندازه قیمت صفحه محصول در دسکتاپ: اندازه قیمت اصلی محصول را برای تبلت و دسکتاپ جداگانه تعیین می‌کند.
- فونت نام محصول: فونت، وزن و رنگ مشترک نام محصولات را کنترل می‌کند.
- اندازه عنوان کارت محصول در موبایل: اندازه نام محصول را در کارت‌های فروشگاه و نمایشگرهای کوچک تغییر می‌دهد.
- اندازه عنوان صفحه محصول در موبایل: اندازه نام اصلی محصول را برای موبایل جداگانه تعیین می‌کند.
- اندازه عنوان صفحه محصول در دسکتاپ: اندازه نام اصلی محصول را برای تبلت و دسکتاپ جداگانه تعیین می‌کند.
- ارتفاع خط عنوان محصول در دسکتاپ: فاصله سطرهای نام طولانی محصول را در دسکتاپ کنترل می‌کند.
- ارتفاع خط عنوان محصول در موبایل: فاصله سطرهای نام طولانی محصول را در موبایل کنترل می‌کند.
- ارتفاع خط محتوای محصول: ارتفاع خط خواندن را در توضیحات و بخش‌های پیوسته محصول کنترل می‌کند.
ابعاد چیدمان
- حداکثر عرض محتوای سایت: حداکثر عرض محتوا را بر حسب پیکسل وارد کنید. همین مقدار با بخش‌های کادردار المنتور نیز مشترک است.
مجموعه آیکون‌ها
- کتابخانه‌های آیکون سمت کاربر: فقط کتابخانه‌های مورد نیاز سایت را بارگذاری کنید؛ غیرفعال کردن کتابخانه در حال استفاده آیکون‌های آن را پنهان می‌کند.
این راهنما مفید بود؟
بازخورد شما به بهتر شدن مستندات کمک می‌کند.