آموزش و معرفی دو روش برای اضافه کردن نمودار به سایت وردپرسی

آموزش نمودارها در سایت وردپرسی

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

 

مشکلات اضافه کردن نمودار میله ها در وردپرس

میدانیم که افزونه های زیادی برای انجام این کار در وردپرس تعبیه شده است . یکی از بهترین افزونه های وردپرسی برای اضافه کردن نموداردا،میله ها وعکس ها افزونه Visualizer  است که در ادامه با آن بیشتر آشنا خواهید شد . بقیه افزونه ها معمولا ، رابط کاربری ساده ایی ندارند . در نتیجه کار کردن با آنها سخت تر است . بعضی از این افزونه ها از کاربران میخواهند که اطلاعات خود را در یک کد کوتاه که بسیار پیچیده است اضافه کنند. بسیاری از کاربران بجای استفاده از این افزونه ها ایجاد نمودار در برنامه افیس را خاتمه میدهند و انها را به یک تصویر تبدیل می‌کنند.

 

اضافه کردن نمودار میله ها در وردپرس با افزونه visualizer

همانطور که گفتیم ، در این مقاله راجب افزونه Visualizer WordPress Charts and Graphs صحبت خواهیم کرد . هم چنین Visualizer Charts and Graphs Pro رادارد که امکانات اضافی را به افزونه اضافه می‌کند . بعد از فعال سازی باید از صفحه ی رسانه » Visualizer Library دیدن کنید.این جایی است که تمام نموداردا و تصاویر شما ظاهر میشود.

 

addnewchart

اولین کاری که باید انجام بدید ، اضافه کردن اولین نمودار است . برای این کار ، بر روی the Add New button کلیک کنید.این پنجره پاپ اپ را بر روی مانیتور بالا می اورد.شما انواع مختلف جدول های قابل دسترس باافزونه را خواهید دید.به اسانی نوع جدولی را که میخواهید اضافه کنید را انتخاب کنید.برای ادامه کلید بعدی را کلیک کنید.

 

chart-type

قدم بعدی اضافه کردن منبع اطلاعات خود در یک قالبCSV است.اگر داده های خود را به عنوان جدول ذخیره کرده اید ازExcel, Google Sheets یادیگر برنامه ها استفاده کنید سپس به اسانی میتوانید انرا به عنوان فایل CSV بیرون بیاورید. سپس میتوانی csv فایل خود را در کامپیوتر ذخیره یا دانلود کنید و سپس با کلیک بر روی گزینه‘From computer’ انرا اپلود کنید.

 

datasource

csv فایل شما باید اسم های ستونی را در ردیف اول و نوع داده را در ردیف دوم داشته باشد.افزونه از این نوع اطلاعات حمایت می‌کند:ردیف،بولی،ساعت وتاریخ. به این مثال ها که در Google Sheetsیجاد کرده ایم نگاه کنید.

نمودارهای وردپرسی و افزونه وردپرس برای انجام این کار

 

اضافه کردن نمودار در وردپرس با استفاده از صفحه google drive

اگر راه اول را انتخاب کردید ، به آسانی میتوانید نمودارهارو به سایت تون اضافه کنید . اگر تمایل به نصب افزونه ندارید ، میتوانید از روش دوم استفاده کنید .در روش دوم ، با استفاده از گوگل ذرایو میتوانید نمودارهایی رو در وبسایت اضافه کنید . برای یادگیری بیشتر ، تا انتهای مقاله همراه ما باشید .

 

اگر جدول اطلاعات خود را به عنوان صفحه در google drive ذخیره کرده اید،سپس میتوانید ان را بدون بیرون بری به جدول خود اضافه کنید. فایل اطلاعات خود را در صفحهgoogle باز کنید سپس بر روی File » Publish to the web. کلیک کنید. این کار یک پاپ اپ که در آن انتخاب میکنید چگونه این فایل را بنویسید بالا می اورد.شما احتیاج دارید مقادیری را که با کاما(csv) از هم جدا شده است از منوی پایین انتخاب کنید. فراموش نکنید که بر روی گزینه ‘Publish’ کلیک کنید.

 

googlecsvurl

زمانی که وارد ادرس می شوید افزونه فایلcsv شما را می اورد و یک تصویر قبلی از نمودارتان را به شما نشان میدهد.هم اکنون میتوانید بر روی گزینه create chart کلیک کنید و جدول خود را ذخیره کنید. اضافه کردن نمودار به صفحه وردپرس به اسانی اضافه کردن تصاویر است. جایی که میخواهید نمودار اضافه کنید پست جدید بسازید یا پست های قبلی را ویرایش کنید. در صفحه ویراش روی گزینه Add Media در بالای پست ویرایش کلیک کنید.

 

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

پس از اینکه کارهای بالا را انجام دادید ، باید نمودارهارو به سایت تون اضافه کنید . لازمه انجام این کار استفاده از کد کوتاه برای قرار دادن نمودار هاست پمی‌کنند. برای مشاهده کدهای کوتاه نمودارها ، لازمه که به پیشخوان وردپرس وارد شوید و از قسمت  رسانه » Visualizer Library  به صفحه نمودارها بروید. حال کد کوتاه را کپی کنید و به نمایش > ابزارک ها بروید.متن ستون کناری را بکشید به ابزارک خود بیاورید و کد کوتاه خود را به داخل ابزارک paste کنید. به احتمال خیلی زیاد ، کد کوتاه برای شما کار خواهد کرد و به راحتی میتوانید نمودارها رو به سایت تون اضافه کنید .

اضافه کردن نمودارها و دیاگرام ها به وردپرس

به این مطلب امتیاز دهید

امتیاز کلی : 4 / 5. تعداد آرا : 1

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

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

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود

هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !

همکاران وبیت