تنظیمات کانتینر المنتور

آموزش تنظیمات کانتینر المنتور

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

برای دسترسی به تنظیمات کانتینر، کافی است روی کانتینر مورد نظر خود کلیک کنید و سپس روی تب تنظیمات در نوار کناری کلیک کنید. در این تب، می‌توانید تنظیمات زیر را انجام دهید:

• عرض: عرض کانتینر را می‌توانید به صورت درصد یا پیکسل تعیین کنید.
• ارتفاع: ارتفاع کانتینر را می‌توانید به صورت درصد یا پیکسل تعیین کنید.
• پس‌زمینه: می‌توانید رنگ یا تصویر پس‌زمینه کانتینر را تعیین کنید.
• لبه‌ها: می‌توانید رنگ، عرض، و سبک لبه‌های کانتینر را تعیین کنید.
• فاصله‌گذاری: می‌توانید فاصله بین کانتینر و عناصر اطراف آن را تعیین کنید.

علاوه بر این، می‌توانید تنظیمات زیر را نیز برای کانتینر خود انجام دهید:

• ردیف‌بندی: می‌توانید نحوه ردیف‌بندی عناصر درون کانتینر را تعیین کنید.
• ترازبندی: می‌توانید نحوه ترازبندی عناصر درون کانتینر را تعیین کنید.
• محدودیت‌ها: می‌توانید محدودیت‌هایی برای ابعاد و موقعیت عناصر درون کانتینر تعیین کنید.
• ریسپانسیو بودن: می‌توانید تنظیمات خاصی را برای نمایش کانتینر در دستگاه‌های مختلف اعمال کنید.

نمونه‌هایی از تنظیمات کانتینر المنتور

در اینجا چند نمونه از تنظیمات کانتینر را آورده‌ایم:

• برای ایجاد یک کانتینر با عرض 100 درصد و ارتفاع 500 پیکسل، می‌توانید تنظیمات زیر را انجام دهید:

• برای ایجاد یک کانتینر با پس‌زمینه سفید و لبه‌های سیاه، می‌توانید تنظیمات زیر را انجام دهید:

پس‌زمینه: #ffffff

لبه‌ها:

  رنگ: #000000

  عرض: 1px

  سبک: solid

• برای ایجاد یک کانتینر با فاصله بین لبه‌های آن و عناصر اطراف آن، می‌توانید تنظیمات زیر را انجام دهید:

فاصله‌گذاری:

  بالا: 10px

  پایین: 10px

  چپ: 10px

  راست: 10px

• برای ایجاد یک کانتینر با ردیف‌بندی عناصر درون آن به صورت ردیف، می‌توانید تنظیمات زیر را انجام دهید:

ردیف‌بندی: flex-start

• برای ایجاد یک کانتینر با ترازبندی عناصر درون آن به صورت مرکز، می‌توانید تنظیمات زیر را انجام دهید:

ترازبندی: center

• برای ایجاد یک کانتینر با محدود کردن عرض عناصر درون آن به 50 درصد عرض کانتینر، می‌توانید تنظیمات زیر را انجام دهید:

محدودیت‌ها:

  عرض: 50%

• برای ایجاد یک کانتینر با تنظیمات ریسپانسیو، می‌توانید تنظیمات زیر را انجام دهید:

ریسپانسیو بودن:

  موبایل:

    عرض: 100%

    ارتفاع: 100%

    پس‌زمینه: #000000

  تبلت:

    عرض: 80%

    ارتفاع: 600px

    پس‌زمینه: #ffffff

  دسکتاپ:

    عرض: 100%

    ارتفاع: 800px

    پس‌زمینه: #ffffff

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