خانه / وردپرس / آموزش وردپرس / چگونه در وردپرس نمودار طراحی کنیم
چگونه در وردپرس نمودار طراحی کنیم

چگونه در وردپرس نمودار طراحی کنیم

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

چگونه در وردپرس نمودار طراحی کنیم

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

ما می خواهیم در ادامه یک پلاگین کاربردی وردپرس رو بهتون معرفی نماییم تا به صورت رایگان دریافت نمایید تا هر وقت خواستید نمودارهای میله ای و دایره ای رو در سایت خود ایجاد نمایید و در هر زمانی تغییر دهید که به صورت ریسپانسیو خود رو به اندازه های مختلف در هر دستگاهی درمی اورد

برای شروع و داشتن این ویزگی باید با دانلود افزونه Visualizer WordPress Charts and Graphs کارمون رو انجام دهیم البته در اینجا ما نسخه رایگان رو فعال سازی می نماییم که میتونید در صورت تمایل نسخه پولی ان رو دریافت نمایید

بعد اینکار باید به مکانی بروید که همه تصاویر شما و نمودارها نمایش داده می شوند پس به پیشخوان » رسانه ها » Visualizer Library مراجعه نمایید

آموزش وردپرس

حالا باید روی the Add New button کلیک نمایید تا اولین نمودارتون رو داشته باشید که میتونید همانند زیر مشاهده نمایید تا انتخاب و روی بعدی کلیک نمایید

افزونه وردپرس

در این قالبCSV منبع اطلاعات خودتون رو وارد نمایید دوستان Excel, Google Sheets و یا …. برنامه های دیگر برای این بوده است تا برنامه های خودتون رو به صورت جدول داشته باشید که میتونید استفاده نمایید تا به راحتی با فایل CSV  دریافت کنید

حالا شما قابلیت دانلود و یا ذخیره csv  رو در رایانه تون دارید که برای اپلود میتونید از From computer در زیر استفاده کنید

پلاگین کاربردی وردپرس

دوستان به شکل زیر که مثالی در Google Sheets بوده است نگاه کنید , شما باید همانند ان در ستون دوم نوع داده و در ستون اول اسم های ستونی رو داشته باشید زیرا این پلاگین وردپرس کاربردی از ردیف،بولی،ساعت وتاریخ پشتیبانی مینماید

پلاگین

پس چنانچه فایلcsv رو از متن ویرایش ساختید به این مثال نگاه کنید :

string,numbers

Chrome,7894

Firefox,6754

Internet Explorer,4230

Safari,2106

Opera,627Browser,visitors

نمودار با صفحه google drive

دوستان شاید شما جدول اطلاعاتتون رو در google drive ذخیره نمودید پس خواهید توانست بدون برون بری به جدول بیافزایید به صفحه google رفته و فایل اطلاعات رو باز نمایید و روی File » Publish to the web کلیک نمایید

دانلود افزونه

شما باید بگید چه جوری این فایلها رو در ان بنویسید که در یک پاپ آپ امکانپذیر و ظاهر می نماید و در منوی پایین باید مقدارهایی رو که با csv از هم جدا شده اند انتخاب نمایید و روی Publish کلیک نمایید

افزونه وردپرس رایگان

ادرس عمومی csv رو مشاهده مینمایید پس ان رو کپی و به نمودار عینی برگردید با کلیک روی گزینه وب به وارد ادرس google فایل csv شوید

 Visualizer WordPress Charts and Graphs

با وارد شدن به این ادرس افزونه وردپرس رایگان فایلcsv رو می آورد تا تصیوری از نمودار قبلی نمایش دهد پس با create chart جداولتون رو ذخیره نمایید

اضافه کردن یک نمودار در صفحه ی وردپرس

این کار به راحتی بوده است و شما میتونید همانند تصویر در پستها روی Add Media کلیک نمایید

افزونه Visualizer WordPress Charts and Graphs

تا صفحه زیر رو براتون ظاهر نماید و شما باید visualizations رو انتخاب کنید تا همه نمودارهاتون که ساختید پر شوند و در سایت ذخیره شوند

اضافه کردن یک نمودار در صفحه ی وردپرس

باید همانند بالا روی insert icon که ایکونی مشخص شده بوده است کلیک تا صفحه ناپدید و همانند زیر کد کوتاه اضافه شده رو مشاهده نمایید

ویرایش جدول های عینی در وردپرس

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

ویرایش جدول های عینی در وردپرس

شما متیوند در صفحه Library Media » Visualizer به راحتی جدول ها را کپی , حذف و یا ویرایش نمایید

Visualizer

بدون اینک جدوال رو تغییر دهید برای نمودار اطلاعات رو بروز رسانی نمایید به صورتی که چنانچه از صفحه google اضافه کنید باید بروز نمایید به File » Publish to the web رفته و انها رو ویرایش کنی تا نمایش داده شوند

دوستان اگه شما فایل csv آپلود نمودید روی کامپیوتر اپلود نمایید اولا جدول خودتون روانتخاب کنید که می خواهید اپلود نمایید و روی ویرایش کلیک نمایید در قسمت آپلود csv  فایل جدید  رو آپلود کنید تغییرات نشان داده می شوند

اضافه نمودن جدول در ابزارک ستون کناری

برای این به رسانه » Visualizer Library مراجعه و در زیر نمودار کدهای کوتاه روکپی کنید و با رفتن به نمایش » ابزارک متن رو در ستون کناری قراردهید و این کد کوتاه رو قرار دهید

از همراهیتون با ساخت نمودار در وردپرس سپاسگذاریم

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *