آموزش استفاده از فلکس باکس در المنتور
فلکس باکس در المنتور روشی سریع و منعطف برای ساخت چیدمانهای واکنشگرا است. با تنظیم جهت، تراز و فاصلهها میتوان عناصر را مرتب، سبک و سازگار با موبایل و دسکتاپ چید و بدون افزونههای اضافی به ظاهری حرفهای رسید.
افزونه المنتور به عنوان بهترین و پر قابلیتترین افزونه صفحه ساز در وردپرس دارای ویژگی و قابلیتهای بسیار زیادی است، یکی از ویژگیها فلکس باکس است، این ویژگی امکان چیدمان عناصر را بدون پیچیدگی های سنتی فراهم میکند، ادغام فلکس باکس در المنتور از طریق کانتینرهای پیشرفته، به طراحان کمک میکند تا ساختارهایی هوشمند و پاسخگوای را طراحی کنند، در این مقاله از سری مقالات آموزش رایگان افزونه المنتور به آموزش استفاده از فلکس باکس در المنتور خواهیم پرداخت برای کسب اطلاعات ببشتر تا انتهای مقاله همراه ما باشید.
فلکس باکس در المنتور چیست؟
فلکس باکس در افزونه المنتور، یک مدل چیدمان پیشرفته بر پایه CSS Flexbox است که از نسخه ۳.۶ المنتور معرفی شده و به طراحان این امکان را میدهد کانتینرها را به جای سیستم ستون بندی سنتی، به حالت انعطافپذیر تنظیم کنند تا عناصر داخل آنها به صورت پویا و پاسخگو در جهتهای افقی یا عمودی چیده شوند، این قابلیت در نسخه رایگان وجود دارد اما برای دسترسی به قابلیتهای بیشتر باید افزونه المنتور پرو را تهیه کنید.
آموزش استفاده از فلکس باکس در المنتور
در ویدیوی زیر، که یکی از ویدئوهای دوره طراحی سایت با المنتور (از آکادمی راست چین) است، میتوانید به طور کامل و کاملاً رایگان، نحوه استفاده از ابزار فلکس باکس در المنتور را یاد بگیرید.
و در پایان
استفاده از فلکس باکس در المنتور راهی ساده برای ساخت چیدمان های منعطف، واکنشگرا و حرفهای است. با تکیه بر ستون و ردیف های انعطاف پذیر، می توانید جایگذاری هر بخش را کنترل کنید، فاصلهها را دقیق تنظیم کنید و مطمئن شوید که محتوا در اندازه های مختلف نمایشگر بدون به هم ریختگی دیده می شود، از این که تا اینجا همراه ما بودید ممنونیم، موفق باشید.
فلکس باکس بدون شک یکی از مهمترین قابلیتهایی است که المنتور را از مدلهای سنتی چیدمان کاملاً جدا میکند. توضیحاتی که در این مقاله ارائه شده واقعاً کمک میکند تفاوت کانتینرهای جدید با ساختار قدیمی ستونها بهتر درک شود. اینکه از نسخه ۳.۶ به بعد امکان استفاده از Flexbox به این شکل فراهم شده، ساخت صفحات واکنشگرا را بسیار سادهتر کرده است.
ویدئوی آموزشی هم فوقالعاده کاربردی بود؛ مخصوصاً برای کسانی که تازه از ستونبندی کلاسیک به کانتینر مهاجرت میکنند. امیدوارم در ادامه درباره تنظیمات پیشرفتهتر مانند Gap، Order و Align-Self هم آموزشهای بیشتری منتشر کنید.
ممنون از محتوای کامل و قابلاستفادهتون 👌