ساخت نمودار آماری در وردپرس با WordPress Charts
افزونه‌ی WordPress Charts برای ایجاد نمودار آماری در وردپرس
با سلام به همراهان همیشگی سئوبلک.
افزونه ای که در این مطلب به شما معرفی می کنیم به شما کمک می کند تا بتوانید در وردپرس خود نمودار آماری ایجاد کنید.
استفاده از نمودارها از جمله بهترین گزینه‌ها برای نمایش آمار و ارقام می باشد که می‌تواند جلوه بصری زیبایی هم به وب‌سایت شما بدهد.
اما ایجاد این نمودارها مخصوصا در صورتی که بخواهید استایل زیبایی هم به آن بدهید کار چندان ساده ای نمیباشد.
در صورتی که شما هم می‌خواهید نمودار آماری در وردپرس ایجاد کنید ولی نمی‌دانید که چگونه، در ادامه مطلب با ما همراه باشید.
نمودار آماری در وردپرس
ساخت نمودار و چارت های ریسپانسیو در وردپرس با WordPress Charts
WordPress Charts یکی از بهترین افزونه های ایجاد نمودار در وردپرس میباشد که در مخزن وردپرس از امتیاز بالایی برخوردار است!
ویژگی متمایز این افزونه با بقیه افزونه های مشابه در ایجاد نمودار های ریسپانسیو میباشد.
با این افزونه میتوانید نمودار های کاملا ریسپانسیو و بر پایه Html 5 ایجاد کنید.
این افزونه در ابتدا به شما شش طرح اماده میدهد و میتوانید نمودار های مختلفی از جمله نمودار ستونی , خطی , دایره ای , رادار , و همینطور تصویری ایجاد کنید.
WordPress Charts یکی از بهترین افزونه‌های ایجاد نمودار آماری در وردپرس است که ۱۰۰۰۰ نصب فعال و امتیاز ۴٫۵ از ۵ ستاره را در مخزن وردپرس ثبت کرده است.
این افزونه توسط Paul va Zyl توسعه داده شده و امکاناتی بی‌نظیری را برای کاربران ایجاد می‌کند.
ویژگی های افزونه WordPress Charts
- شش نوع طرح اماده برای ایجاد نمودار
- قابلیت ایجاد انواع نمودار ها مانند خطی , دایره ای , ستونی , تصویری , رادار و..
- سبک بودن نمودار های ایجاد شده
- ساخته شده بر پایه html 5 و js
- قابلیت نمایش در برگه ها و نوشته ها
- امکان نمایش انیمیشنی نمودار ها
- استفاده از شورت کد برای نمایش نمودار
- نمایش نمودار در ابزارک ها
- و…
نصب و راه‌اندازی
برای نصب و فعال سازی افزونه اولین کار باید افزونه را دانلود کنید بعد از منوی سمت راست پیشخوان به تب افزونه > افزودن رفته و اقدام به نصب و فعال سازی آن کنید.
بعد از فعال کردن افزونه گزینه‌ای تحت عنوان “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 یکی از بهترین افزونه‌های موجود برای ایجاد نمودار آماری در وردپرس است.
که این امکان را به شما میدهد، که با بکار بردن دو روش کاربردی:
(بکار بردن شورت کد برای ایجاد نمودار در مطالب و بکار بردن ابزارک برای نمایش نمودار در تمام صفحات وب‌سایت) نمودارهایی با استایل‌های بسیار جذاب در صفحات وب‌سایت خود ایجاد کنید.
منابع:
