تلفن تماس

02191097212

ساعت کاری

9 تا 17 هر روز هفته

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

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

فهرست مطالب آموزش ایجاد نمودارهای زیبا در نسخه رایگان المنتور

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

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

نحوه ایجاد نمودارهای زیبا در نسخه رایگان المنتور

برای ایجاد نمودار در نسخه رایگان المنتور باید افزونه (Elementor Addon Elements) وردپرس را نصب کنید. این افزونه رایگان است و می توانید با استفاده از این افزونه از ابزارک های نمودار استفاده کنید.

قدم اول

ابتدا افزونه را نصب و فعال کنید و سپس صفحه ای را با ویرایشگر المنتور باز کنید و سپس روی آیکون “+” کلیک کنید تا یک بخش اضافه شود. پس از افزودن بخش، ستون مورد نظر خود را برای بخش انتخاب کنید.

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

اکنون ابزارک نمودار (chart) را در (Elementor Addon Elements) را جستجو کنید و ابزارک را در ستون ایجاد شده خود اضافه کنید.

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

یک نمودار پیش فرض در اینجا می باشد. حالا باید آن را سفارشی کنید. در زیر قسمت محتوا (Layout)، گزینه پوسته را مشاهده خواهید کرد. از گزینه پوسته، می توانید نمودار را به صورت:

  • نوار عمودی – نوار نمودار به صورت عمودی می باشد.
  • نوار افقی – نوار نمودار به صورت افقی می باشد.
  • نوار خطی – نوار نمودار به صورت یک خط می باشد.

هنگامی که پوسته را به عنوان یک خط تنظیم می کنید، نوار نمودار اینگونه می باشد.

انتخاب نمودار خطی در قسمت محتوا در ابزارک نمودار در المنتور
انتخاب نمودار خطی در قسمت محتوا در ابزارک نمودار در المنتور

نمای افقی مانند شکل زیر می باشد:

انتخاب نمودار عمودی در قسمت محتوا در ابزارک نمودار در المنتور
انتخاب نمودار عمودی در قسمت محتوا در ابزارک نمودار در المنتور

در قسمت برچسب (label )، می توانید سطح را اضافه کنید. پس از آن، می توانید آیتم مجموعه داده را ببینید. با کلیک بر روی دکمه افزودن آیتم (Add item) می توانید یک آیتم را اضافه کنید. از آیکون “X” برای حذف هر آیتم استفاده کنید و از آیکون کپی برای کپی کردن آیتم استفاده نمایید.

گزینه label در قسمت محتوا در ابزارک نمودار در المنتور
گزینه label در قسمت محتوا در ابزارک نمودار در المنتور

برای ویرایش آیتم روی هر یک از آیتم ها کلیک کنید و گزینه ویرایش ظاهر می شود. از قسمت محتوا در زیر آیتم ویرایش، می توانید نام و مجموعه داده را تنظیم کنید.

انتخاب نام و مجموعه داده در قسمت محتوا در ابزارک نمودار در المنتور
انتخاب نام و مجموعه داده در قسمت محتوا در ابزارک نمودار در المنتور

استایل

برای استایل دادن به آیتم به سراغ گزینه (style) بروید. در اینجا می توانید رنگ پس زمینه، رنگ پس زمینه هاور، رنگ حاشیه و رنگ حاشیه هاور را اضافه کنید.

گزینه (style) در قسمت محتوا در ابزارک نمودار در المنتور
گزینه (style) در قسمت محتوا در ابزارک نمودار در المنتور

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

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

اکنون به تنظیمات اضافی (additional setting) بروید که در آن می توانید ارتفاع نوار را در صورت انتخاب پوسته به صورت عمودی یا افقی تنظیم کنید. پس از آن، می توانید عرض نوار، عرض دسته و عرض حاشیه نوار را تنظیم کنید.

گزینه تنظیمات اضافی (additional setting) در قسمت محتوا در ابزارک نمودار در المنتور
گزینه تنظیمات اضافی (additional setting) در قسمت محتوا در ابزارک نمودار در المنتور

پس از آن، می توانید خط شبکه، عنوان و برچسب ها را برای محور x و y فعال یا غیرفعال کنید.

تنظیم عنوان و برچسب ها را برای محور ( x و y ) در گزینه تنظیمات اضافی (additional setting) در قسمت محتوا در ابزارک نمودار در المنتور
تنظیم عنوان و برچسب ها را برای محور ( x و y ) در گزینه تنظیمات اضافی (additional setting) در قسمت محتوا در ابزارک نمودار در المنتور

همچنین می توانید گزینه (legend and tooltip) را فعال یا غیرفعال کنید. می توانید انیمیشن های مختلفی را برای نمودار میله ای با مدت زمان مشخص از گزینه انیمیشن تنظیم کنید.

گزینه (legend and tooltip) در منو یتنظیمات اضافی (additional setting) در قسمت محتوا در ابزارک نمودار در المنتور
گزینه (legend and tooltip) در منو یتنظیمات اضافی (additional setting) در قسمت محتوا در ابزارک نمودار در المنتور

قدم دوم

برای استایل دادن به بخش کاراکتر، به قسمت استایل (style) بروید. در منوی عمومی (General)، می ‌توانید رنگ پس ‌زمینه را به ‌عنوان کلاسیک یا گرادیان اضافه کنید، برای حاشیه حالت ترکیب را فعال کنید، رنگ حاشیه، انحنای مرز، حاشیه خارجی و فاصله داخلی را تنظیم کنید.

منوی عمومی (General) در قسمت استایل در ابزارک نمودار در المنتور
منوی عمومی (General) در قسمت استایل در ابزارک نمودار در المنتور

در زیر منوی (x-axis)، می توانید رنگ شبکه و عرض محور (x) را اضافه کنید. همچنین می ‌توانید رنگ ‌های برچسب، تایپوگرافی و فاصله داخلی را نیز اضافه کنید.

زیر منوی (x-axis) در قسمت استایل در ابزارک نمودار در المنتور
زیر منوی (x-axis) در قسمت استایل در ابزارک نمودار در المنتور

به همین صورت، می توانید به شبکه استایل دهید و محور (y) را نیز برچسب بزنید. از گزینه (tooltip) می توانید رنگ پس زمینه راهنمای ابزار، حاشیه، اندازه فلش، تایپوگرافی و موارد دیگر را تنظیم کنید.

گزینه (tooltip) در قسمت استایل در ابزارک نمودار در المنتور
گزینه (tooltip) در قسمت استایل در ابزارک نمودار در المنتور

تمام شد! بخش نمودار شما کاملا آماده است.

جستجو
×
پیمایش به بالا

%70 تخفیف کلیه محصولات به مدت محدود

ساعت
دقیقه
ثانیه