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