آموزش کار با Container المنتور : همه چیز ساده شد!
- مقالات آموزشی
- بروزرسانی شده در
امروز می‌خواهم با شما در مورد یکی از جذاب‌ترین امکانات المنتور صحبت کنم: کانتینر المنتور (Container). کانتینر در واقع یک قابلیت نوآورانه در المنتور وردپرس است که به ما امکان می‌دهد صفحات وب خودمون رو با دقت و انعطاف‌پذیری بیشتری طراحی کنیم. این ویژگی جایگزین بخش‌ها (Sections)، ردیف‌ها (Rows)، و ستونها (Columns) شده که قبلاً در المنتور استفاده می‌شدند.
آنچه در این مقاله می‌خوانید
Container المنتور چیست
تصور کنید کانتینر مثل یک جعبه بزرگ است که می‌توانید توی آن چیزهای مختلفی قرار دهید. در دنیای طراحی وب، این “چیزها” می‌توانند متن، تصاویر، دکمه‌ها یا هر المان دیگری باشند. کانتینر به شما این امکان رو میده که با کشیدن و رها کردن المان‌ها، یک صفحه وب کاملا سفارشی بسازید.
ایجاد کانتینرها: ابتدا یک کانتینر ایجاد کنید. می‌توانید کانتینرها را درون یکدیگر قرار دهید تا ساختار صفحه‌تان را بهتر سازماندهی کنید.
تنظیم جهت‌گیری (Direction): پس از ایجاد کانتینرها، باید تصمیم بگیرید که المان‌های داخل آنها چگونه نمایش داده شوند. اینجاست که ‘Direction’ به کار می‌آید. شما می‌توانید تعیین کنید که المان‌ها در کنار هم (افقی) یا روی هم (عمودی) قرار گیرند.
سفارشی‌سازی: با استفاده از تنظیمات متنوع المنتور، می‌توانید هر کانتینر را به شکل دلخواه خود تنظیم کنید. این شامل تغییر اندازه، رنگ‌بندی، فاصله‌بندی و سایر جزئیات می‌شود.
ریسپانسیو بودن کانتینرها در المنتور
کانتینرها در المنتور به گونه‌ای طراحی شده‌اند که به راحتی می‌توانند ریسپانسیو باشند. این به معنای چند چیز است:
- تطبیق‌پذیری خودکار: کانتینرها می‌توانند خود را با اندازه‌های مختلف صفحه نمایش تطبیق دهند. به عنوان مثال، یک کانتینر که در دسکتاپ به صورت سه ستونی نمایش داده می‌شود، ممکن است در موبایل به صورت تک ستونی نمایش داده شود.
- تنظیمات ریسپانسیو: المنتور اجازه می‌دهد تا تنظیمات خاصی را برای نمایش در دستگاه‌های مختلف اعمال کنید. برای مثال، شما می‌توانید فاصله‌بندی، اندازه متن، یا حتی نمایش/عدم نمایش برخی المان‌ها را برای موبایل، تبلت و دسکتاپ جداگانه تنظیم کنید.
- آزمایش و پیش‌نمایش: المنتور ابزارهایی را برای آزمایش و مشاهده نحوه نمایش صفحه‌تان در دستگاه‌های مختلف فراهم می‌کند. این به شما امکان می‌دهد تا قبل از انتشار صفحه، از نمایش صحیح آن در هر دستگاهی اطمینان حاصل کنید.
ریسپانسیو بودن به چه معناست؟
وقتی می‌گوییم یک صفحه وب یا المانی در آن ریسپانسیو است، منظورمان این است که آن صفحه یا المان می‌تواند به خوبی و به صورت خودکار خود را با اندازه‌های مختلف صفحه نمایش تطبیق دهد. این امر اهمیت دارد چون کاربران از دستگاه‌های متفاوتی با اندازه‌های صفحه نمایش گوناگون استفاده می‌کنند، مانند موبایل‌ها، تبلت‌ها و کامپیوترهای رومیزی.
به کمک این ویژگی‌ها، طراحی ریسپانسیو در المنتور تبدیل به یک فرایند ساده و کاربرپسند می‌شود.
سلام من تمام مراحل رو با دقت تمام طی کردم منتهی برام ردیف افقی نشون نمیده تو صفحه اصلی بصورت ستون عمودی نمایش داده میشه
سلام من میتونم کانتینر رو لینک دار کنم که با کلیک روی اون به پیوند هدایت بشه اما میخوام یه کانتینر رو واژه دقیقش رو نمیدونم به آیدی یا لینک تبدیل کنم مثلا اینجوری که من توی صفحه اصلی یه دکمه میسازم که با کلیک روی اون صفحه به طرف یه کانتینر که آخر صفحه هست هدایت بشه واژه دقیقش رو نمیدونم ممنون میشم راهنمایی کنید
سلام،من نسخه المنتور پرو رو از سایت ایرانی (المنتور سایت) خریداری کردم
ولی نمیدونم چجوری باید اونو آپدیت کنم
اگر نسخه رایگان المنتور رو حذف کنم سایت به هم میریزه؟
اصلا شما این نسخه پرو که از سایت ایرانی خریداری شده رو پیشنهاد میکنید؟
ممنون که به ما کمک میکنید.
سلام،من نسخه المنتور پرو رو از سایت ایرانی (المنتور سایت) خریداری کردم
ولی نمیدونم چجوری باید اونو آپدیت کنم
اگر نسخه رایگان المنتور رو حذف کنم سایت به هم میریزه؟
اصلا شما این نسخه پرو که از سایت ایرانی خریداری شده رو پیشنهاد میکنید؟
ممنون که به ما کمک میکنید.
سلام وقت شما بخیر
نمیدونم چرا عرض محتوایی رو هر کاری میکنم 100 درصد واقعی نمیشه. وقتی با سکشن کار می‌کردم و عرض محتوا را 100 درصد می‌ذاشتم و بخش کشیده رو فعال می‌کردم کل عرض صفحه رو پوشش می‌داد؛
ولی الان، با کانتینر عرض محتوا رو که 100 درصد می‌ذارم انگار 30 درصد گذاشتم و محتوا من کل عرض صفحه رو پوشش نمیده.
ممنون میشم راهنمایی کنید.
سلام مفید بود
سلام وقت بخیر ، از کجا میتوان متوجه شد که یک سایت با المنتور زده شده یا نه ؟
آیا امکان تغییر ساختار المنتور وجود داره؟
و اینکه برای سایت هایی که دارای تم موبایل و تم دسکتاپ جداگانه هستند میشه از المنتور استفاده کرد؟
سلام از توی کدها میشه elementor رو سرچ کرد. بله امکان تغییر ساختارش هست ۳. بله چرا که نه
سلام خسته نباشید . ممنونم اطلاعات مفیدتون
اما من کانتینر ندارم . فکر کنم باید اول فعالش کنم .. کجا و چطور می تونم فعالش کنم ؟
سلام سپاس. تو ویدیو توضیح داده شد.
سلام مهندس خسته نباشید و خدا قوت. یک سوالی داشتم اگر امکانش باشه راهنمایی بفرمایید . اینکه من برای صفحه نخست سایتم در نسخه موبایل یک برگه مجزا طراحی کردم که با برگه ای که برای نمایش در ویندوز هست متفاوته و میخوام مجزا باشه . چطوری میتونم این برگه اختصاصی برای موبایل رو به عنوان صفحه نخست قرار بدم که فقط وقتی کاربر با موبایل وارد شد این صفحه رو ببینه اما اگر با ویندوز وارد بشه صفحه مختص ویندوز رو (نمیخوام صفحه ویندوزم رو ریسپانسیو کنم بلکه میخوام یک صفحه جدا و مستقل از ویندوز رو به عوان صفحه نخست نسخه موبایل در نظر بگیرم) آیا با خود وردپرس امکان پذیره یا افزونه لازم داره و نام افزونه چی هست ؟ مچکرم
سلام باید پلاگین های موبایلی وردپرس رو نصب کنید. که ورژن موبایل رو جدا نشون میدن ولی پیشنهاد نمیشه این کار
سلام خدمت استاد عزیزم.
بنده تو قالبم بخش سکشن ها رو تبدیل به کانتینر کردم الن بعضی جاهادرس کار نمیکنه مشکل کجاس؟
یچیز دیگه توی کانتینر چجوری باید عرض رو کشیدده کرد تو ستونها وقتی میذاشتیم رو تمام عرض و بخش کشیده رو فعال میکردیم عرض ستون کشیده میشد اما این خصوصیت تو کانتینر رو من نتونستم پیدا کنم چیکار کنم ؟؟؟
درود بر شما. همین آموزش رو ببینید کامل توضیحش دادم.
سلام من کانتینر ها را فعال کردم ولی هنگام طراحی، به طور عجیبی سرعت کند شده. خیلی طول میکشه وقتی من یک کانتینر را میزارم اونرو لود کنه. با این سرعت اصلا نمیتونم طراحی کنم.
سلام شاید مشکل از کمبود منابع سیستم شخصی شما باشه. با سیستم دیگری تست کردید؟
سلام وقتتون بخیر من یه مشکل دارم کانتینر من از سمت راست مارجین میگیره اما از سمت چپ هر چی عدد میدم هیچ تغییری ایجاد نمی شود؟
سلام قالبتون رو تغییر بدین و تست بفرمایید.
با سلام دلیل اینکه منو در حالت موبایل باز نمیشه چی میتونه باشه و اینکه افزونه نشان برای من در مخزن وردپرس نشون داده نمیشه چیه؟محبت کنید راه حل رو بگین من به نقشه نیاز دارم
سلام باز نشدن منو میتونه از قالب شما باشه . در مورد افزونه نشان شاید از مخزن حذف شده یا مدت زیادی آپدیت نشده.و
قالب اهورا هستش . محت کنید راه حل رو بگین به من
لطفا از بخش پشتیبانی با همکارانم در ارتباط باشید باید سایتتون رو بررسی کنن.
عالی
سلام
قبلا یه گزینه بود به نام بخش کشیده و با استفاده از اون میشد تمام عرض کرد ولی الان اون گزینه نیست
چطور میتونم کانتینر رو تمام عرض کنم؟
سلام عرض کانیتنر رو بذارید روی تمام عرض 100%
اینم عکس از المنتورم که کانتینر نداره:
لطفا راهنماییم کنین استاد ممنون میشم
اپدیت کنید حل میشه.
سلام من بعد از راه اندازی سایت و نصب پلاگین ها و قالب چند ساعت بعد می خوام لاگین بدم ارور 404میده و وقتی صفحه لاگین رو باز میکنم و اطلاعات رو وارد میکنم با ارور همچین سایتی وجود نداره روبرو میشم من از برنامه ومپ برای لوکال هاست استفاده میکنم و از ادرس سایت و نامه کاربری رمز عبور هم اطمینان دارم و اینکه چند روز است به این مشکل بر خورده ام و قبلن به این شکل نبوده
ممنون میشم راهنماییم کنید
سلام بعیده مگر اینکه مشکلی باشه توی ساختار سایت یا وردپرس
good job bro!
have a nice day !
ممنون استاد ، عالی بود
مرسی از توجهتون
سلام
ممنون میشم اگه در مورد تنظیمات عرض کانتینر در حالت های مختلف (پیکسیل، درصد و…) یه آموزش بذارید.
چند تا حالت داره مربوط به قوانین ارث بری که خیلی مفهموم نیست.
ممنون از زحمات شما
چیز خاصی نداره شما کافیه روی حالت های مختلف تست کنید ببینید کدوم با طرحتون بیشتر میخونه. البته آموزش های بیشتری هم میذاریم به زودی.
عالی
اسپاس
درود و وقت بخیر مرسی از توضیحات مفید شما
من یه مشکلی دارم تو ریسپانسیو کردن تبلت و موبایل
تو نسخه های قبلی من چندتا ویدئو دیدم که ستون هارو بصورت درصدی میدادن و طبق اون درصد تنظیم میکردن ستون هارو، اما اینجا همچین چیزی من نمیبینم
چطور میتونم سایتم رو ریسپانسیو کنم؟
درود بر شما سپاس. به کانتینر هم میشه درصد داد دیگه دقیقا مثل همون
درود جناب راد عزیز.من کانتینر آزمایش کردم تعداد dom سایتم رو به نسبت گذشته به شدت افزایش میده آیا من اشتباه میکنم یا واقعا درسته؟
سلام نباید اینطور باشه البته بستگی به صفحات سایتتون هم داره