آموزش کار با Container المنتور : همه چیز ساده شد!

4.2 / 5. تعداد رای: 53

امروز می‌خواهم با شما در مورد یکی از جذاب‌ترین امکانات المنتور صحبت کنم: کانتینر المنتور (Container). کانتینر در واقع یک قابلیت نوآورانه در المنتور وردپرس است که به ما امکان می‌دهد صفحات وب خودمون رو با دقت و انعطاف‌پذیری بیشتری طراحی کنیم. این ویژگی جایگزین بخش‌ها (Sections)، ردیف‌ها (Rows)، و ستون‌ها (Columns) شده که قبلاً در المنتور استفاده می‌شدند.

Container المنتور چیست

Container المنتور چیست

تصور کنید کانتینر مثل یک جعبه بزرگ است که می‌توانید توی آن چیزهای مختلفی قرار دهید. در دنیای طراحی وب، این “چیزها” می‌توانند متن، تصاویر، دکمه‌ها یا هر المان دیگری باشند. کانتینر به شما این امکان رو می‌ده که با کشیدن و رها کردن المان‌ها، یک صفحه وب کاملا سفارشی بسازید.

ایجاد کانتینر‌ها: ابتدا یک کانتینر ایجاد کنید. می‌توانید کانتینرها را درون یکدیگر قرار دهید تا ساختار صفحه‌تان را بهتر سازماندهی کنید.

ایجاد کانتینر در المنتور

تنظیم جهت‌گیری (Direction): پس از ایجاد کانتینرها، باید تصمیم بگیرید که المان‌های داخل آنها چگونه نمایش داده شوند. اینجاست که ‘Direction’ به کار می‌آید. شما می‌توانید تعیین کنید که المان‌ها در کنار هم (افقی) یا روی هم (عمودی) قرار گیرند.

جهت دهی کانتینر

سفارشی‌سازی: با استفاده از تنظیمات متنوع المنتور، می‌توانید هر کانتینر را به شکل دلخواه خود تنظیم کنید. این شامل تغییر اندازه، رنگ‌بندی، فاصله‌بندی و سایر جزئیات می‌شود.

ریسپانسیو بودن کانتینرها در المنتور

کانتینرها در المنتور به گونه‌ای طراحی شده‌اند که به راحتی می‌توانند ریسپانسیو باشند. این به معنای چند چیز است:

  1. تطبیق‌پذیری خودکار: کانتینرها می‌توانند خود را با اندازه‌های مختلف صفحه نمایش تطبیق دهند. به عنوان مثال، یک کانتینر که در دسکتاپ به صورت سه ستونی نمایش داده می‌شود، ممکن است در موبایل به صورت تک ستونی نمایش داده شود.
  2. تنظیمات ریسپانسیو: المنتور اجازه می‌دهد تا تنظیمات خاصی را برای نمایش در دستگاه‌های مختلف اعمال کنید. برای مثال، شما می‌توانید فاصله‌بندی، اندازه متن، یا حتی نمایش/عدم نمایش برخی المان‌ها را برای موبایل، تبلت و دسکتاپ جداگانه تنظیم کنید.
  3. آزمایش و پیش‌نمایش: المنتور ابزارهایی را برای آزمایش و مشاهده نحوه نمایش صفحه‌تان در دستگاه‌های مختلف فراهم می‌کند. این به شما امکان می‌دهد تا قبل از انتشار صفحه، از نمایش صحیح آن در هر دستگاهی اطمینان حاصل کنید.
ریسپانسیو کردن کانتینر

ریسپانسیو بودن به چه معناست؟

وقتی می‌گوییم یک صفحه وب یا المانی در آن ریسپانسیو است، منظورمان این است که آن صفحه یا المان می‌تواند به خوبی و به صورت خودکار خود را با اندازه‌های مختلف صفحه نمایش تطبیق دهد. این امر اهمیت دارد چون کاربران از دستگاه‌های متفاوتی با اندازه‌های صفحه نمایش گوناگون استفاده می‌کنند، مانند موبایل‌ها، تبلت‌ها و کامپیوترهای رومیزی.

به کمک این ویژگی‌ها، طراحی ریسپانسیو در المنتور تبدیل به یک فرایند ساده و کاربرپسند می‌شود.

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U346598 ۲۶ خرداد ۱۴۰۳

    سلام وقت بخیر . ببخشید من یک قالب بادی رو طراحی کردم اما در سایتم نمایش داده نمیشه . تنها فوتر و هدر نمایش داده می‌شوند میشه دلیلش رو بگین

  2. U337996 ۱۷ بهمن ۱۴۰۲

    سلام من تمام مراحل رو با دقت تمام طی کردم منتهی برام ردیف افقی نشون نمیده تو صفحه اصلی بصورت ستون عمودی نمایش داده میشه

  3. U337926 ۱۶ بهمن ۱۴۰۲

    سلام من میتونم کانتینر رو لینک دار کنم که با کلیک روی اون به پیوند هدایت بشه اما میخوام یه کانتینر رو واژه دقیقش رو نمیدونم به آیدی یا لینک تبدیل کنم مثلا اینجوری که من توی صفحه اصلی یه دکمه میسازم که با کلیک روی اون صفحه به طرف یه کانتینر که آخر صفحه هست هدایت بشه واژه دقیقش رو نمیدونم ممنون میشم راهنمایی کنید

  4. U338158 ۱۶ بهمن ۱۴۰۲

    سلام،من نسخه المنتور پرو رو از سایت ایرانی (المنتور سایت) خریداری کردم
    ولی نمیدونم چجوری باید اونو آپدیت کنم
    اگر نسخه رایگان المنتور رو حذف کنم سایت به هم میریزه؟
    اصلا شما این نسخه پرو که از سایت ایرانی خریداری شده رو پیشنهاد میکنید؟
    ممنون که به ما کمک میکنید.

  5. U338158 ۱۴ بهمن ۱۴۰۲

    سلام،من نسخه المنتور پرو رو از سایت ایرانی (المنتور سایت) خریداری کردم
    ولی نمیدونم چجوری باید اونو آپدیت کنم
    اگر نسخه رایگان المنتور رو حذف کنم سایت به هم میریزه؟
    اصلا شما این نسخه پرو که از سایت ایرانی خریداری شده رو پیشنهاد میکنید؟
    ممنون که به ما کمک میکنید.

  6. U337720 ۱۲ بهمن ۱۴۰۲

    سلام وقت شما بخیر
    نمی‌دونم چرا عرض محتوایی رو هر کاری می‌کنم 100 درصد واقعی نمی‌شه. وقتی با سکشن کار می‌کردم و عرض محتوا را 100 درصد می‌ذاشتم و بخش کشیده رو فعال می‌کردم کل عرض صفحه رو پوشش می‌داد؛
    ولی الان، با کانتینر عرض محتوا رو که 100 درصد می‌ذارم انگار 30 درصد گذاشتم و محتوا من کل عرض صفحه رو پوشش نمی‌ده.
    ممنون می‌شم راهنمایی کنید.

  7. U337799 ۸ بهمن ۱۴۰۲

    سلام وقت بخیر ، از کجا میتوان متوجه شد که یک سایت با المنتور زده شده یا نه ؟
    آیا امکان تغییر ساختار المنتور وجود داره؟
    و اینکه برای سایت هایی که دارای تم موبایل و تم دسکتاپ جداگانه هستند میشه از المنتور استفاده کرد؟

    • Reza Rad رضا راد ۸ بهمن ۱۴۰۲

      سلام از توی کدها میشه elementor رو سرچ کرد. بله امکان تغییر ساختارش هست ۳. بله چرا که نه

  8. U337506 ۳ بهمن ۱۴۰۲

    سلام خسته نباشید . ممنونم اطلاعات مفیدتون
    اما من کانتینر ندارم . فکر کنم باید اول فعالش کنم .. کجا و چطور می تونم فعالش کنم ؟

  9. U322253 ۱ بهمن ۱۴۰۲

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

    • Reza Rad رضا راد ۲ بهمن ۱۴۰۲

      سلام باید پلاگین های موبایلی وردپرس رو نصب کنید. که ورژن موبایل رو جدا نشون میدن ولی پیشنهاد نمیشه این کار

  10. U334436 ۲۹ دی ۱۴۰۲

    سلام خدمت استاد عزیزم.
    بنده تو قالبم بخش سکشن ها رو تبدیل به کانتینر کردم الن بعضی جاهادرس کار نمیکنه مشکل کجاس؟
    یچیز دیگه توی کانتینر چجوری باید عرض رو کشیدده کرد تو ستونها وقتی میذاشتیم رو تمام عرض و بخش کشیده رو فعال میکردیم عرض ستون کشیده میشد اما این خصوصیت تو کانتینر رو من نتونستم پیدا کنم چیکار کنم ؟؟؟

  11. U336502 ۱۹ دی ۱۴۰۲

    سلام من کانتینر ها را فعال کردم ولی هنگام طراحی، به طور عجیبی سرعت کند شده. خیلی طول میکشه وقتی من یک کانتینر را میزارم اونرو لود کنه. با این سرعت اصلا نمیتونم طراحی کنم.

  12. U336514 ۱۷ دی ۱۴۰۲

    سلام وقتتون بخیر من یه مشکل دارم کانتینر من از سمت راست مارجین میگیره اما از سمت چپ هر چی عدد میدم هیچ تغییری ایجاد نمی شود؟

  13. U322818 ۹ دی ۱۴۰۲

    با سلام دلیل اینکه منو در حالت موبایل باز نمیشه چی میتونه باشه و اینکه افزونه نشان برای من در مخزن وردپرس نشون داده نمیشه چیه؟محبت کنید راه حل رو بگین من به نقشه نیاز دارم

  14. U335904 ۸ دی ۱۴۰۲
  15. U335886 ۷ دی ۱۴۰۲

    سلام
    قبلا یه گزینه بود به نام بخش کشیده و با استفاده از اون میشد تمام عرض کرد ولی الان اون گزینه نیست
    چطور میتونم کانتینر رو تمام عرض کنم؟

  16. U335759 ۵ دی ۱۴۰۲

    اینم عکس از المنتورم که کانتینر نداره:
    لطفا راهنماییم کنین استاد ممنون میشم

  17. U334932 ۴ دی ۱۴۰۲

    سلام من بعد از راه اندازی سایت و نصب پلاگین ها و قالب چند ساعت بعد می خوام لاگین بدم ارور 404میده و وقتی صفحه لاگین رو باز میکنم و اطلاعات رو وارد میکنم با ارور همچین سایتی وجود نداره روبرو میشم من از برنامه ومپ برای لوکال هاست استفاده میکنم و از ادرس سایت و نامه کاربری رمز عبور هم اطمینان دارم و اینکه چند روز است به این مشکل بر خورده ام و قبلن به این شکل نبوده
    ممنون میشم راهنماییم کنید

  18. U312764 ۳ دی ۱۴۰۲

    good job bro!
    have a nice day !

  19. U332997 ۲۸ آذر ۱۴۰۲

    ممنون استاد ، عالی بود

  20. U332154 ۲۶ آذر ۱۴۰۲

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

  21. U335202 ۲۵ آذر ۱۴۰۲

    درود و وقت بخیر مرسی از توضیحات مفید شما
    من یه مشکلی دارم تو ریسپانسیو کردن تبلت و موبایل
    تو نسخه های قبلی من چندتا ویدئو دیدم که ستون هارو بصورت درصدی میدادن و طبق اون درصد تنظیم میکردن ستون هارو، اما اینجا همچین چیزی من نمیبینم
    چطور میتونم سایتم رو ریسپانسیو کنم؟

  22. U321397 ۲۵ آذر ۱۴۰۲

    درود جناب راد عزیز.من کانتینر آزمایش کردم تعداد dom سایتم رو به نسبت گذشته به شدت افزایش میده آیا من اشتباه میکنم یا واقعا درسته؟