ایکون
قالب اکسترا
120 وبسایت آماده شرکتی و فروشگاهی
فقط با 1,378,000 تومان
مشاهده و خرید
آموزش افزونه‌ها

آموزش کار با بخش جداکننده در المنتور: راهنمایی کامل

بخش جداکننده در Elementor ابزار مفیدی است که به شما کمک می‌کند تا بخش‌های مختلف صفحه را به‌طور بصری از هم تفکیک کنید. این ابزار به‌ویژه برای ایجاد طراحی‌های مرتب و منظم در صفحات وب استفاده می‌شود.

0
24 بهمن 1403
آخرین بروزرسانی: 16 اسفند 1403

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

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

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

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

نحوه اضافه کردن بخش جداکننده در المنتور

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

محصول پیشنهادی
بنر
افزونه المنتور پرو ⚡ (دانلود صفحه ساز Elementor)
دسته بندی : افزونه صفحه ساز وردپرس
27209
فروش
90%
رضایت
  • در ابتدا وارد ویرایشگر المنتور شوید و در پنل سمت چپ، به بخش “ابزارک‌ها” رفته و گزینه “جداکننده” را جستجو کنید. سپس آن را به جایی که می‌خواهید در صفحه قرار بگیرد، بکشید و رها کنید.

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

نحوه شخصی‌سازی جداکننده در المنتور

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

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

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

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

نکات مهم در استفاده از جداکننده‌ها

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

و در پایان

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

سینا رسا | کارشناس امور فروشندگان
سینا رسا | کارشناس امور فروشندگان
سینا هستم و از چهار سال پیش در حوزه فناوری و طراحی سایت فعالیت می‌کنم. این مدت زمانی که در این صنعت فعالیت داشته‌ام، توانستم تجربه‌های بیشماری بدست آورده و مهارت‌هایم را در فناوری‌های جدید بهبود ببخشم.
سوالات متداول
  • Divider: جداکننده‌ای گرافیکی است که معمولا به صورت خط یا شکل خاص نمایش داده می‌شود.
  • Spacer: المانی برای ایجاد فضای خالی بین عناصر بدون نمایش گرافیکی.

بله، جداکننده‌های المنتور به طور پیش‌فرض واکنش‌گرا هستند. با این حال، می‌توانید از بخش تنظیمات واکنش‌گرایی (Responsive) مطمئن شوید که جداکننده‌ها در دستگاه‌های موبایل، تبلت و دسکتاپ به درستی نمایش داده می‌شوند.

مقالات مرتبط
بنر
آموزش افزونه دیجیتس (ثبت نام سریع در سایت)
آموزش دیجیتس (ِDigits) شامل نصب، تنظیمات، فرم‌ها، اتصال به سامانه پیامکی، استایل و افزودنی‌ها است که این موارد را در این مقاله به صورت ویدئویی آموزش دادیم. کار کردن با افزونه دیجیتس بسیار راحت است و به سرعت می‌توانید با نصب افزونه دیجیتس امکان عضویت و ورد کاربران با شماره موبایل را فراهم کنید.
بنر
آموزش افزونه Ultimate Affiliate Pro
شاید برای شما هم پیش آمده که برای خرید یک محصول لینک را باز کنید ولی وارد دیجی کالا شوید؛ یکی از روش های کسب درآمد بدون فروش محصولات خودمان افیلیت مارکتینگ است. به این صورت که شما یک سایت با محتوا کامل دارید و به جای قرار دادن لینک محصولاتتان لینک محصولات سایر سایت ها را قرار می دهید به این صورت ...
بنر
آموزش افزونه یواست؛ تنظیمات صفر تا 💯 کاربردی و رایگان
کار با افزونه یواست سئو بسیار آسان است و در عین سادگی با ویژگی های جدید و الگوریتم های سئو سازگار است اگر میخواهید افزونه سئو را نصب کنید و تنظیمات افزونه را یاد بگیرید تا آخر مقاله آموزش افزونه Yoast Seo همراه ما باشید.
بنر
آموزش رنک مث؛ تنظیمات صفر تا 💯 کاربردی و رایگان
در آموزش رنک مث که به صورت کاملا رایگان در اختیار شما قرار می‌د‌هیم، می‌توانید را با نحوه نصب و راه اندازی آن آشنا خواهیم کرد تا بتوانید به‌ راحتی اصلی ترین تنظیمات سئو را برای سایت وردپرسی خود انجام دهید.
0 دیدگاه
دیدگاهی برای این مطلب ثبت نشده است.