جداکننده در المنتور با ویجت Divider

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

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

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

تخفیف ویژه دانشجویان دوره رایگان وردپرس

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

کد تخفیف : off-elementor

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

با ویجت جداکننده المنتور که به صورت رایگان در اختیار شما قرار گرفته است میتوانید علاوه بر فاصله گذاری و جدا کردن ویجت ها و بخش ها ، به آنها ظاهری با گرافیکی جذاب دهید .

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

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

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

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

 

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

تب محتوا / Content

  1. استایل / Style : در این گزینه میتوانید نحوه نمایش جدا کننده را تعیین کنید .
  2. عرض / Width : میتوانید عرض جدا کننده را مشخص کنید . در صورت عدم تغییر عرض به صورت 100% قرار میگیرد.
  3. چیدمان / Alignment : بعد از انتخاب عرض میتوانید نحوه نمایش کل جداکننده را مشخص کنید .
  4. افزودن عنصر / Add Element : در این قسمت با انتخاب گزینه های میتوانید به ترتیب هیچ ، نوشته ، آیکون را انتخاب کنید .

تب استایل / Style

جدا کننده / Divider

  1. رنگ / Color : رنگ جدا کننده در این قسمت تعیین میشود .
  2. وزن فونت / Font weight : وزن فونت در این قسمت تغییر دهید .
  3. سایز / Size : سایز جدا کننده را میتوانید از این قسمت تغییر دهید .
  4. مقدار / Amount : با کم و زیاد کردن این قسمت میتوانید عرض استایل جدا کننده را تغییر دهید .
  5. فاصله / Gap : فاصله بالا و پایین به جدا کننده خود دهید .

متن / Text

  1. رنگ / Color : رنگ متن از این قسمت تغییر میکند.
  2. تایپوگرافی / Typography : فونت و استایل به فونت از گزینه تایپوگرافی تغییر داده میشود .
  3. جایگاه / Position : جایگاه نوشته را میتوانید به 3 حالت راست ، چپ و وسط قرار دهید .
  4. فاصله گذاری / Spacing : فاصله بین متن و جدا کننده را کم و زیاد کنید .

11 پاسخ

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

  2. سلام وقتتون بخیر
    داخل بعضی سایت ها جدا کننده هایی وجود داره که داخل المنتور نیست….
    جدا کننده های دیگه ای نمیشه اضافه کرد ؟

    1. سلام درود بر شما
      می‌تونی با استفاده از خاصیت border-right یا border-left برای آیتم‌های منو یا مطالب، جداکننده عمودی ایجاد کنی:
      .menu-item {
      padding: 0 15px;
      border-right: 1px solid #ccc;
      }
      .menu-item:last-child {
      border-right: none;
      }

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

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

  3. با سلام بابت المان جدا کننده یه سوالی داشتم من از این المان در طراحی فوتر مابین سربرگ و ویرایشگر متن استفاده میکنم اما به هنگام نمایش سایت این المان نمایش داده نمی شود ؟

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

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

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