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