بررسی فواصل موجود در صفحه
همانطور که با المنتور آشنا هستید و میدونید این ابزار قدرتمند در وردپرس قابلیت های خوبی برای طراحی صفحات و قالب ها داره.فواصل در طراحی صفحات اهمیت زیادی داره و پدینگ و مارجین و برخی فواصل موجود در صفحه باید مدیریت شده و حساب شده تنظیم شوند. در المنتور به راحتی میتوان مارجین و پدینگ های مورد نیاز صفحات رو تنظیم کرد که در ادامه به این موضوع خواهیم پرداخت.
مارجین ها
مارجین ها بخش زیادی از فواصل را شامل میشوند، در المنتور مارجین ها به راحتی قابل تنظیم هستند.
هر المان در المنتور میتونه مارجین قابل تغییر نسبت به المان های اطراف خودش در صفحه داشته باشه.به علاوه کل صفحه نیز مارجینی از دیواره های اطراف سایت خواهد داشت.
مارجین المان ها از دیواره ها مانند نمونه زیر اهمیت زیادی در زیبایی و کارایی طراحی وب شما خواهد داشت(قسمت نارنجی رنگ مارجین محتوا از دیواره ها است):
خب حالا از کجا میشه مارجین المان هارو تغییر داد؟
برای تنظیم مارجین های هر المان به ویژه سکشن های اصلی باید در قسمت تنظیمات پیشرفته هر المان و در قسمت طرح بندی به حاشیه خارجی مراجعه نمود، در این قسمت ما میتونیم برای چهار جهت المان خودمون فاصله تعریف کنیم:
پدینگ
در تنظیمات تصویر بالا یعنی در طرح بندی المان قسمتی با نام فاصله داخلی هست که برای تنظیم پدینگ ها کاربرد داره. این قسمت تنظیم فاصله های داخلی هر المان را برای ما به راحتی انجام میده.
فاصله های داخلی در واقع فاصله های جزئیات داخل المان است. فاصله بر اجزای داخل المان نظیر دکمه و متن و … تاثیر میذاره و میتونه باعث بزرگ و کوچک شدن این اجزا هم بشه(فاصله نارنجی در تصویر زیر نمونه ای از یک پدینگ است):
شکاف ها
علاوه بر مارجین و پدینگ ،بین ستون های صفحه نیز فاصله ای وجود دارد. برای نمونه اگر در یک سکشن دو المان در عرض هم داشته باشیم میتوانیم بین این دو المان که هرکدام یک ستون شناخته میشوند هم فاصله ای تنظیم کنیم(فاصله بنفش یک شکاف بین دو ستون است):
خب حالا از کجا میشه شکاف های بین المان هارو تغییر داد؟
برای تنظیم شکاف های موجود در سکشن باید در قسمت تنظیمات سکشن در زبانه طرح بندی به قسمت شکاف ها مراجعه کنیم، اینجا به راحتی شکاف بین ستون ها و ردیف ها قابل تنظیم است:
فاصله پیشفرض المنتور
البته لازمه بگم در المنتور یک مورد موثر دیگر در فواصل هم داریم و اون فاصله پیشفرضی است که المنتور برای همه صفحات در نظر میگیره. نحوه حذف این فاصله رو توی مقاله حل مشکل مارجین هدر سایت براتون کامل توضیح دادم.