ساخت نمودار در وردپرس با افزونه WordPress Charts
با سلام خدمت شما دوستان عزیز با یکی دیگر از مطالب مِستر آموز در خدمت شما هستیم.
در بعضی موارد برای نمایش آمار و ارقام استفاده از نمودارها یکی از بهترین گزینه‌ها می تواند بشما برود. که حتی میتواند جلوه بصری زیبایی نیز به وب‌سایت شما بدهد. اما باید از همان اول کار خدمت شما بگوییم که ایجاد این نمودارها مخصوصا اگر بخواهید استایل شکیلی نیز به آن بدهید کار چندان ساده ای نیست. اما اصلا جای نگرانی وجود ندارد. امروز ما در مِستر آموز قصد داریم همین امر را آموزش دهیم. پس با ما همراه باشید.
نمودار آماری در وردپرس
WordPress Charts به عنوان یکی از بهترین افزونه‌های ایجاد نمودار آماری در وردپرس می‌باشد که ۱۰۰۰۰ نصب فعال و امتیاز ۴٫۵ از ۵ ستاره را در مخزن وردپرس ثبت کرده است.
این افزونه توسط Paul va Zyl توسعه داده شده و امکاناتی متعدد و بی‌نظیری را برای کاربران فراهم می‌کند.
امکانات افزونه WordPress Charts
• دارای ۶ نوع نمودار مختلف برای نمایش آمار در وردپرس.
• نمودارها بر پایه HTML5 Canvas می‌باشد.
• نمودارهایی با حجم بسیار کم و کاملا واکنش‌گرا.
• امکان نمایش نمودارها با شورت‌کد و ابزارک.نصب و راه‌اندازی
برای دانلود این افزونه به انتهای همین صفحه مراجعه کنید.
بعد از دانلود ، نصب و فعال سازی این افزونه گزینه‌ای تحت عنوان “WP Charts” در زیرمنوهای تب “رسانه” ایجاد می‌شود.
شروع کار با افزونه
با دو روش میتواند در وب سایت خود نمودار را نمایش داد.
روش اول: نمایش نمودار در وب‌سایت با استفاده از قعطه کد. با استفاده از کد شما میتوانید در هر بخش از مطالب وب‌سایت خود نموداری استاندارد ایجاد کنید. بدین منظور ابتدا از تب “رسانه” بر روی “WP Charts” کلیک نماید تا به صفحه تنظیمات افزونه بروید. سپس از این بخش نوع نمودار مورد نظر برای نمایش در وب‌سایت خود را انتخاب کرده و سپس شورت کد آن را که با کادر قرمز نیز در تصویر زیر مشخص شده است را کپی نمایید.
اکنون به ویراش نوشته ها بروید و قطعه کد را در هر جایی که می خواهید این نمودار را به نمایش بگذارید، کپی کنید.
Title: در این بخش از شورت کد باید عنوان نمودار آماری در وردپرس را وارد کنید.
align: این بخش از شورت کد مربوط به تعیین جهت قرار گرفتن نمودار در نوشته می‌باشد.
برای راست چین شدن عبارت “alignright“، چپ چین عبارت “alignleft” و برای وسط چین کردن عبارت “aligncenter” را وارد کنید.
date: مقادیر داده‌های مورد نظر خود را در این بخش وارد کنید. توجه داشته باشید که حتما مقادیر با کاراکتر انگلیسی کاما (,) از هم جدا شده باشند.شما میتوانید از طریق اطلاعات داده شده در بخش “All Shortcode Attributes” از صفحهی تنظیمات افزونه، نمودار مورد نظر خود را کاملا شخصی سازی نمایید.
در پایان بر روی گزینه‌ی “انتشار” کلیک کنید.
روش دوم: نمایش نمودار در وب‌سایت با استفاده از ابزارک
برای اینکه با استفاده از ابزارک نمودار را نمایش دهیم باید از تب “نمایش” به زیرمنوی “ابزارک‌ها” برویم و ابزارک افزونه WP Charts را از میان ابزارک‌های موجود یافته و با کشیدن و رها کردن آن را به بخش مورد نظر خود اضافه کنید. تنظیمات ابزارک را همانند تصویر زیر دنبال نمایید.
Widget Title: نام ابزارک خود را وارد کنید.
Chart Title: برای عنوان نمودار نامی انتخاب کنید.
Introduction: عنوان کوتاهی برای نمودار خود بنویسید.
Type: نوع نموداری را که میخواهید آن را نمایش دهید را انتخاب کنید.
Labels: این بخش برای انتخاب برچسب‌های نمودار است. برچسب‌ها باید با کاراکتر کاما انگلیسی(,) از هم جدا می شوند. این گزینه برای نمودارهای میله‌ای و خطی کاربرد دارد.
Date or Datasets: از این بخش باید مقادیر داده‌ها را وارد کرده و با استفاده از کاراکتر کاما انگلیسی (,) داده‌ها را از هم جدا کنید.
Colors: این فیلد مربوط به تعیین رنگ‌های مورد استفاده در نمودار می‌باشد. با استفاده از کاما رنگ‌ها را از هم جدا نمایید.
Chart Description: شرح کوتاهی برای نمودار مورد نظر خود در این فیلد وارد کنید.
در پایان پس از ذخیره تنظیمات، به صفحهی مورد نظر خود برای مشاهده نتیجه مراجعه می‌کنیم.
همانطور که در عکس بالا می بینید. نمودار آماری در وردپرس با تنظیماتی که اعمال کرده ایم ایجاد شده است. نمودار سمت چپ با استفاده از شورت‌کد و نمودار سمت راست با استفاده از ابزارک ایجاد شده است.
برای دانلود افزونه WordPress Charts بر روی آن کلیک کنید.
موفق و پیروز باشید.
