درود به شما کاربران گرامی؛
نمودار ها در وردپرس تصاویری هستند که اطلاعات را به سرعت به کاربر انتقال میدهند . با این استدلال که مغز انسان داده ها تصاویری را سریعتر دریافت میکند در محتوایی که رقم و ارقام زیاد مشاهده میشود نیاز به نمودار یا chart احساس میشود.
پس برای انتقال سریعتر داده ها و همینطور داشتن سایت لذت بخش برای کاربران از نمودار ها و یا chart استفاده کنید.
ساخت نمودار در وردپرس
اما ایجاد نمودار های زیبا در وردپرس و با شکل و شمایلی لذت بخش و همینطور واکنش گرا یا همان ریسپانسیو داشته باشید کار چندان ساده ای نیست.!
در این اموزش وردپرس ما قصد داریم افزونه را به شما معرفی کنیم که بتوانید نمودار هایی ریسپانسیو و با بینهایت طرح های مختلف و همینطور جذاب برای کاربران بسازید.!
ساخت نمودار و چارت های ریسپانسیو در وردپرس با WordPress Charts
WordPress Charts یکی از بهترین افزونه های ایجاد نمودار در وردپرس میباشد که در مخزن وردپرس از امتیاز بالایی برخوردار است!
ویژگی متمایز این افزونه با بقیه افزونه های مشابه در ایجاد نمودار های ریسپانسیو میباشد.
با این افزونه میتوانید نمودار های کاملا ریسپانسیو و بر پایه Html 5 ایجاد کنید.
این افزونه در ابتدا به شما شش طرح اماده میدهد و میتوانید نمودار های مختلفی از جمله نمودار ستونی , خطی , دایره ای , رادار , و همینطور تصویری ایجاد کنید.
ویژگی های افزونه WordPress Charts
- شش نوع طرح اماده برای ایجاد نمودار
- قابلیت ایجاد انواع نمودار ها مانند خطی , دایره ای , ستونی , تصویری , رادار و..
- سبک بودن نمودار های ایجاد شده
- ساخته شده بر پایه html 5 و js
- قابلیت نمایش در برگه ها و نوشته ها
- امکان نمایش انیمیشنی نمودار ها
- استفاده از شورت کد برای نمایش نمودار
- نمایش نمودار در ابزارک ها
- و…
ساخت نمودار ها در وردپرس با WordPress Charts
بعد از نصب و فعال کردن این افزونه منوی جدیدی به قسمت رسانه ها با اسم wp charts اضافه میشود. روی این بخش کلیک کنید تا وارد بخش ایجاد نمودار شوید.
در صفحه جدید باز شده طرح های اماده ای قابل مشاهده هستند . برای شروع یکی را انتخاب کنید و شورت کد مورد نظر را کپی کنید.
بعد از کپی کردن شورت کد نمودار مورد نظرتان ان را در صفحه مورد نظر پیست کنید. برای اینکه تغیراتی در این نمودار ایجاد کنید باید تغیراتی در شورت کد ایجاد کنید.
بعد از انتشار نوشته یا برگه شاهد نمودار زیبای خود خواهید بود!
Title: در این قسمت از شورت کد عنوتن نمودار وردپرس را درج کنید .
align: این قسمت از شورت کد برای جهت قرار گرفتن نمودار در برگه و یا نوشته میباشد . برای راست چین کردن عبارت alignright، چپ چین کردن عبارت alignleft و برای وسط چین کردن aligncenter را وارد کنید.
date: مقادیر را در این بخش وارد کنید. توجه داشته باشید که مقادیر با کاراکتر انگلیسی کاما (,) از هم جدا شوند.
نمونه ی نمودار و چارت های ایجاد شده با wordpress chart
در تصویر بالا نمودار آماری در وردپرس را مشاهده میکنید که با تنظیماتی که اعمال کردیم به نمایش در آمده است . این نمودار با قرار دادن شورت کد در برگه و یا نوشته ایجاد خواهد شد .
نکته : از نمودار های آماری وردپرس میتوانید در بخش ابزارک هم استفاده نمائید .
موفق باشید.
