نگاهی به عملکرد سکشن و یا بخش در ویرایشگر المنتور

5.0/5

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

در این مطلب جزء به جزء بخش یا سکشن در افزونه المنتور را پوشش داده‌ام تا بتوانید با تسلط سکشن‌های زیبایی برای المنتور طراحی کنید.

فهرست مطالب

دسترسی به تنظیمات بخش در ویرایشگر المنتور

به منظور دسترسی به تنظیمات بخش در ویرایشگر المنتور ابتدا می‌بایست بر روی همان بخش مورد نظر کلیک کنید تا در پنل سمت راست تنظیمات مربوط به آن باز شود.

اما اگر می‌خواهید یک سکشن در ویرایشگر المنتور را تکثیر کنید، برروی نوار آبی رنگ بالای بخش کلیک راست کنید و سپس برروی تکثیر کلیک کنید تا بخش و یا سکشن شما تکرار شود، همچنین می‌توانید همان بخش یا سکشن را کپی کرده و در محلی دیگر پیست کنید.

اما یکی از جذابترین ویژگی‌های سکشن در ویرایشگر المنتور قابلیت پیست استایل است، توسط پیست استایل می‌توانید تنها استایل یک بخش را در دیگر بخش‌ها پیست کنید تا همه بخش‌های المنتور با هم از نظر تنظیمات هماهنگ شوند.

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

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

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

راست کلیک بخش در ویرایشگر المنتور

گزینه اول یعنی ویرایش بخش (سکشن) شما را به پنل المنتور در سمت راست برای ویرایش بخش در ویرایشگر المنتور هدایت می‌کند که در ادامه تمامی قسمت‌های آن را بررسی خواهیم کرد.

طرح بندی

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

استایل

پس زمینه (عادی و هاور)

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

روکش پس زمینه (عادی و هاور)

نوع پس زمینه: در روکش پس زمینه تنها دو انتخاب پیش روی شماست؛ نمایش کلاسیک و گرادیانت.

حاشیه (عادی و هاور)

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

شعاع کادر: اگر می‌خواهید گوشه‌های کادرتان تیز نباشد باید شعاع کادر را افزایش دهید.

سایه کادر: همانطور که از نامش پیداست، برای اضافه کردن سایه به بخش در ویرایشگر المنتور باید از این گزینه استفاده کرد.

جدا کننده (عادی و هاور)

توسط جدا کننده می‌توان اشکال زیبا را به پایین یا بالای بخش در ویرایشگر المنتور اضافه کرد.

تایپوگرافی (عادی و هاور)

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

پیشرفته

پیشرفته

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

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

ایندکس Z: اگر دو بخش با هم تداخل داشته باشند، توسط ایندکس Z میتوانید آنها را مدیریت کنید.

شناسه CSS: برای سکشن‌های خود شناسه CSS تنظیم کنید.

کلاس های CSS: کلاس‌های CSS را باید در این قسمت تعریف کرد.

 

موشن افکت (برای کاربران افزونه المنتور پرو)

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

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

انیمیشن هنگام ورود: از بین انیمیشن‌های گوناگون در هنگام ورود کاربر می‌توانید یکی را به سادگی برای سکشن مورد نظر انتخاب کنید.

واکنشگرا

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

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

ویژگی‌ها (برای کاربران افزونه المنتور پرو)

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

سفارشی CSS (برای کاربران افزونه المنتور پرو)

اگر به کدهای CSS آشنایی دارید این قسمت برای شما بسیار جذاب است، چرا که میتوانید یک بخش در ویرایشگر المنتور را بدون هیچ محدودیتی طراحی کنید.

جمع بندی

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

منبع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}

© هرگونه کپی برداری تنها با ذکر منبع مجاز است.