جلسه ۳۱

ویژگی الگو جداکننده بخش ها در المنتور با Shape Divider

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

پخش ویدیو
Shape Divider المنتور

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

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

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

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

این ویژگی در حال حاضر دارای 18 طرح می باشد که احتمالا در آپدیت های بعدی این تعداد افزایشی می باشد.

افکت زیبا به بخش ها در المنتور

در تصویر زیر کار دقیق این ویژگی قابل مشاهده است .

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

همان طور که تصویر مشاهده میکنید این ویژگی جذاب دارای اشکال مختلفی می باشد که با توجه به این افکت های جدا کننده می توانید در طرح های خود اجرا کنید .

الگو جداکننده ریسپانسیو

Shape Divider از اشکال بسیار بهینه شده SVG بهره می برد که این امر باعث میشه کاملاً در حالت های موبایل و تبلت و لپ تاپ ریسپانسیو باشد و با وضوح بالا به نمایش در آورده شود .

حالت ریسپانسیو

سفارشی سازی الگو جداکننده

این قابلیت به قدری انعطاف ‌پذیری می باشد که شما به راحتی میتوانید تنظیمات آن را سفارشی سازی کنید یعنی تغییر پس زمینه و عرض و ارتفاع و دیگر تنظیماتی که میتواند طرح را جذاب کند .

ویژگی Shape Divider

آموزش کار با Shape Divider

کار کردن با این ویژگی خیلی راحت می باشد کافیه یک بخش انتخاب کنید و روی آیکون کلیک کنید ( آموزش ایجاد بخش در المنتور )  و طبق مراحل زیر تغییرات و تنظیمات را انجام دهید .

  1. بعد از انتخاب بخش مورد نظر روی تب استایل / Style کلیک کنید .
  2. در این تب روی جدا کننده / Shape Divider کلیک کنید .
  3. در این قسمت 2 تب بالا و پایین دارید که با انتخاب بالا قسمت بالایی بخش را الگو تعیین میکنید و همینطور با انتخاب پایین ، قسمت پایینی را تعیین کنید .پس برای شروع روی تب بالا کلیک کنید .
  4. در این قسمت نوع / Type میتوانید از انواع الگو ها یکی را انتخاب کنید و با انتخاب آن یکسری تنظیمات برای شما ظاهر میشود .

تنظیمات Shape Divider

تنظیمات Shape Divider
  1. رنگ / Color  : در این قسمت رنگ پس زمینه را انتخاب میکنید .
  2. عرض / Width : با انتخاب عرض میتوانید نحوه نمایش الگو را تغییر دهید .
  3. ارتفاع / Height : به راحتی برای الگو خود ارتفاع مشخص کنید .
  4. فلیپ / Flip : با تیک زردن این گزینه الگو شما برعکس به نمایش در می آید .
  5. جلو آوردن / Bring to front : این قابلیت برای زمانی استفاده میشود که دوست دارید الگو شما الویت بالاتری داشته باشه و روی ویجت های داخلی بخش قرار میگیرد .

امیدوارم این جلسه مورد پسند شما قرار گرفته باشد .

موفق باشید

سوالات و مشکلات شما در این جلسه

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

5 پاسخ

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

    1. سلام وقت بخیر
      بله در قسمت حاشیه میتوانید از بالا پایین و چپ و راستی به المان حاشیه دهید و فاصله داخلی نیز تعیین نمایید .

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آپدیت های جدید محصولات

جدیدترین محصولات آپدیت شده