TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

1

কখনও কখনও আপনাকে আপনার ব্যবহারকারীদের প্রচুর পরিসংখ্যানগত তথ্য দিয়ে বিষয়টি ব্যাখ্যা করতে হবে। এটি আপনার পাঠককে বিরক্ত করবে, যদি আপনি একটি টেক্সট, ইমেজ বা ভিডিও ফরম্যাটে প্রযুক্তিগত ডেটা বিশ্লেষণ দেখানোর চেষ্টা করেন। যদিও আপনি টেবিল ব্যবহার করতে পারেন, এটির সীমাবদ্ধতা রয়েছে যেমন ছোট এলাকায় কন্টেন্ট স্টাফ করা। পাওয়ার পয়েন্ট বা মূল উপস্থাপনায় আপনি যেভাবে চার্ট ব্যবহার করেন তার সর্বোত্তম উপায় । আপনার ডেটা বিশ্লেষণের গ্রাফিক্যাল উপস্থাপনা প্রদর্শনের জন্য চার্ট একটি দরকারী টুল। আপনি গবেষণার তথ্য সংকলন করছেন বা প্রদত্ত বিষয়ে তথ্য বিশ্লেষণ ভাগ করছেন কিনা, চার্টের চেয়ে এই ধরনের তথ্য উপস্থাপন করার জন্য এর চেয়ে ভাল হাতিয়ার আর নেই।

ওয়ার্ডপ্রেসে চার্ট যুক্ত করার সুবিধা

আপনি হয়তো ভাবছেন যে কেন আপনি আপনার সাইটে চার্ট যুক্ত করতে চান যখন আপনি এক্সেলের মত একটি শক্তিশালী গ্রাফ বিল্ডিং টুল দিয়ে চার্ট তৈরি করতে পারেন এবং আপনার পোস্ট/ পৃষ্ঠায় এর একটি স্ক্রিনশট ুকিয়ে দিতে পারেন । যদিও এই পদ্ধতিটি কাজ করে, এটি অনেক পরিস্থিতিতে সেরা বিকল্প নাও হতে পারে।

ওয়ার্ডপ্রেস অফারে এম্বেডিং চার্ট:

  • আপনার সমস্ত গ্রাফ ডেভেলপমেন্ট কাজের জন্য একক একত্রিত এলাকা।
  • কোন পরিবর্তন আপডেট করার জন্য চার্ট সম্পাদনা করার একটি দ্রুত উপায়।
  • অতিরিক্ত ইন্টারেক্টিভ বৈশিষ্ট্য।

ভাগ্যক্রমে, আপনার ওয়েবসাইটে চার্ট প্রকাশের প্রক্রিয়াটি সহজ করার জন্য অসংখ্য ওয়ার্ডপ্রেস প্লাগইন রয়েছে। এই পোস্টে, আমরা কিভাবে ভিজুয়ালাইজার ওয়ার্ডপ্রেস প্লাগইন দিয়ে ওয়ার্ডপ্রেস সাইটে চার্ট যোগ করতে পারি সেদিকে আমরা মনোযোগ দেব। আমরা WPBakery পেজ বিল্ডার এবং বুটস্ট্র্যাপ প্রগ্রেস বার বিকল্পগুলির সাথে অন্যান্য বিকল্পগুলিও ব্যাখ্যা করব।

ভিজুয়ালাইজার প্লাগইন ইনস্টল এবং সক্রিয় করুন

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

ভিজুয়ালাইজার প্লাগইন

  • প্লাগইনটি বিনামূল্যে, তবে আপনি আরও বৈশিষ্ট্য পেতে প্রো সংস্করণে আপগ্রেড করতে পারেন। এটি অন্যদের মধ্যে পাই চার্ট, এরিয়া চার্ট এবং লাইন গ্রাফ সহ বিভিন্ন ধরণের চার্ট সমর্থন করে।

ওয়ার্ডপ্রেসে চার্ট তৈরি করুন এবং যুক্ত করুন

  • নতুন চার্ট যোগ করার জন্য, আপনার ড্যাশবোর্ডের "মিডিয়া" মেনুতে যান এবং "ভিজ্যুয়ালাইজার লাইব্রেরি" নির্বাচন করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট পরিচালনা করুন

  • আপনার যদি ইতিমধ্যে লাইব্রেরিতে চার্ট থাকে, তবে সেগুলি টাইপের উপর নির্ভর করে বিভিন্ন ট্যাবের অধীনে প্রদর্শিত হবে।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট তালিকা

  • একটি চার্ট তৈরি করতে, ভিজুয়ালাইজার পৃষ্ঠার শীর্ষে "নতুন যোগ করুন" বোতামে ক্লিক করুন।
  • আপনি যে ধরণের চার্ট/গ্রাফ তৈরি করতে চান তা নির্বাচন করুন এবং পৃষ্ঠার নীচে "পরবর্তী" ক্লিক করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্টের ধরন বাছুন

  • "চার্ট ডেটা" বিভাগের অধীনে, আপনি একটি CSV ফাইল বা URL থেকে ডেটা আমদানি করতে পারেন । আপনি কোথায় ডেটা সংরক্ষণ করেছেন তার উপর নির্ভর করে, বিকল্পগুলির মধ্যে একটি নির্বাচন করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

তথ্য আমদানি

  • আমাদের ক্ষেত্রে, আমাদের একটি CSV ফাইলে ডেটা আছে। সুতরাং আমরা ফাইলটি ব্রাউজ করি এবং "আমদানি" ক্লিক করি।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্টের জন্য CSV ফাইল

  • প্লাগইন স্বয়ংক্রিয়ভাবে আপনার জন্য চার্ট তৈরি করবে।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

তৈরি করা চার্ট

চার্ট সেটিংস কাস্টমাইজ করা

  • চার্ট ডেটা বিকল্পগুলির নীচে, চার্ট সেটিংস খোলার জন্য "উন্নত" সেটিং লিঙ্কটি ক্লিক করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

উন্নত প্লাগইন সেটিংস

  • এটি ডানদিকে "চার্ট সেটিংস" প্যানেলটি খোলে, চার্টটি কাস্টমাইজ করার জন্য বিভিন্ন বিকল্প প্রদান করে।
  • "সাধারণ সেটিংস" এর অধীনে, আপনি একটি চার্ট শিরোনাম যোগ করতে পারেন, ফন্ট পরিবার, আকার এবং রঙ, সেইসাথে কিংবদন্তির অবস্থান উল্লেখ করতে পারেন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

সাধারণ বিন্যাস

  • "পাই চার্ট সেটিংস" বিকল্পগুলি প্রসারিত করুন এবং 3D সেটিংসের জন্য "হ্যাঁ" নির্বাচন করুন যদি আপনি একটি 3D চ্যাট চান।
  • আপনি স্লাইস টেক্সট বিষয়বস্তু, শুরু কোণ এবং অন্যান্য চার্ট উপাদানগুলির মধ্যে বিভাগগুলির ক্রম সেট করতে পারেন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট সেটিংস

  • আপনি অন্যান্য সেটিংস কনফিগার করতে পারেন যেমন:
  • লেআউট এবং চার্ট এরিয়া – অন্যান্য বিকল্পের মধ্যে চার্ট এরিয়া, ব্যাকগ্রাউন্ড কালার এবং মার্জিনের আকার পরিবর্তন করা।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

লেআউট সেটিংস

  • ফ্রন্ট-এন্ড অ্যাকশন-চার্ট বা ডেটা কপি বা ডাউনলোড করার অনুমতি দিন/ লক করুন।
  • অবশিষ্টাংশ সেটিংস – চার্টের দৃশ্যমানতা বাড়ানোর জন্য এবং তাই।
  • সেটিংস কাস্টমাইজ করার পরে, পৃষ্ঠার নীচে "তৈরি/ সংরক্ষণ চার্ট" ক্লিক করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট তৈরি করুন

এসইও অফার: সেম্রাশ প্রো বিশেষ 14 দিনের ফ্রি ট্রায়াল দিয়ে আপনার সাইটটি অপ্টিমাইজ করুন

ওয়ার্ডপ্রেস পেজ বা পোস্টে চার্ট এম্বেড করা

  • ভিজ্যুয়াল এডিটরে একটি নতুন বা খোলা বিদ্যমান পোস্ট যোগ করুন। আপনি যেখানে চার্ট প্রদর্শন করতে চান সেই স্থানটি নির্বাচন করুন।
  • একটি নতুন ব্লক যুক্ত করুন এবং সাধারণ ব্লকের অধীনে "ভিজুয়ালাইজার চার্ট" নির্বাচন করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট যোগ করুন

  • আপনি যদি ক্লাসিক পোস্ট এডিটর ব্যবহার করেন, তাহলে আপনি টুলবারের ভিজ্যুয়ালাইজার চার্ট আইকনে ক্লিক করতে পারেন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

ক্লাসিক অপশন

  • পূর্বে তৈরি করা চার্টগুলির মধ্যে একটি দেখানোর জন্য "একটি বিদ্যমান চার্ট প্রদর্শন করুন" বিকল্পে ক্লিক করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট নির্বাচন করুন

  • চার্ট লাইব্রেরি তালিকা থেকে আপনি যে চার্টটি এম্বেড করতে চান তা চয়ন করুন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

চার্ট সন্নিবেশ করান

  • ব্লকের নীচে "সম্পন্ন" ক্লিক করুন। আপনি ডান সাইডবার প্যানেল থেকে চার্ট সেটিংস সামঞ্জস্য করতে পারেন।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

Erোকানো শেষ

  • এখন চার্ট চেক করার জন্য "প্রিভিউ" বাটনে ক্লিক করুন এবং তারপর চার্টটি প্রকাশ করতে "পাবলিশ করুন"।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

ফ্রন্টএন্ড ভিউ

সম্পর্কিত: এমএএমপি ব্যবহার করে ম্যাক -এ স্থানীয়ভাবে ওয়ার্ডপ্রেস কিভাবে ইনস্টল করবেন?

বিঃদ্রঃ:

  • আপনি একই ডেটা সেটের জন্য একাধিক চার্ট তৈরি করতে পারেন।
  • ভিজুয়ালাইজার প্রো ব্যবহারকারীদের একটি ডাটাবেস, অন্যান্য চার্ট, ওয়েবসাইট এবং ম্যানুয়াল এন্ট্রি থেকে ডেটা আমদানি করতে দেয়।

2 WPBakery পেজ বিল্ডার ব্যবহার করে চার্ট তৈরি করুন

আপনার জন্য গুগল চার্ট ব্যবহার করা বা WPBakery পেজ বিল্ডারের মতো অন্যান্য প্লাগইন ব্যবহার করার মতো আরও অনেক বিকল্প রয়েছে। ভিসুয়াল রচয়িতা বা WPBakery পৃষ্ঠা নির্মাতা প্লাগইন অনেক জনপ্রিয় থিম সহ একটি bundled প্লাগইন হিসাবে দেওয়া হয়। এটি অ্যানিমেশন সহ একাধিক ধরণের চার্ট সরবরাহ করে। আপনার যদি এই প্লাগইনটি থাকে তবে কয়েক মিনিটের মধ্যে চার্ট সন্নিবেশ করা খুব সহজ।

যে কোনও পৃষ্ঠায় বা পোস্টে, আপনি "উপাদান যুক্ত করুন" এ ক্লিক করতে পারেন এবং "চার্ট" অনুসন্ধান করতে পারেন। আপনি পাই, গোল, লাইন এবং বৃত্তের মত বিভিন্ন চার্ট খুঁজে পেতে পারেন। চার্ট উপাদানটি চয়ন করুন এবং এটি আপনার সাইটে সন্নিবেশ করান।

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

WPBakery পেজ বিল্ডার চার্ট

আপনি চার্টটি সম্পাদনা করতে পারেন এবং তাত্ক্ষণিকভাবে চার্ট তৈরি করতে আপনার কাস্টম মান যুক্ত করতে পারেন। এই প্লাগইন দিয়ে চার্ট তৈরি করতে মাত্র কয়েক মিনিট সময় লাগবে।

3 বুটস্ট্র্যাপ প্রগ্রেস বার ব্যবহার করা

কিছু ওয়ার্ডপ্রেস থিম বেস হিসাবে বুটস্ট্র্যাপ ফ্রেমওয়ার্ক ব্যবহার করে। আপনার যদি বুটস্ট্র্যাপ ভিত্তিক ওয়ার্ডপ্রেস থিম থাকে তবে আপনি আপনার সাইটে অনুভূমিক অগ্রগতি বা দক্ষতা বার সন্নিবেশ করতে স্ট্যান্ডার্ড প্রগ্রেস বার উপাদান ব্যবহার করতে পারেন । নীচে বুটস্ট্র্যাপ 4 অগ্রগতি বারগুলি কেমন হবে তার একটি উদাহরণ দেওয়া হল:

কিভাবে ওয়ার্ডপ্রেস সাইটে চার্ট যুক্ত করবেন?

প্রগতি বারের উদাহরণ

সারসংক্ষেপ

চার্ট এবং গ্রাফগুলি ওয়েবসাইটের সামগ্রীর গুণমানকে বাড়িয়ে তুলতে পারে, যা দর্শকদের অভিজ্ঞতা বাড়ায়। এগুলি জটিল ডেটা, গবেষণার ফলাফল বা অন্য কোন বিবরণ সংক্ষিপ্ত করতে ব্যবহার করা যেতে পারে যা পাঠকদের জন্য বিরক্তিকর হতে পারে। ভিজুয়ালাইজার প্লাগইন আপনাকে এক মিনিটের মধ্যে ওয়ার্ডপ্রেস পেজ/পোস্টে ইন্টারেক্টিভ চার্ট তৈরি, পরিচালনা এবং সন্নিবেশ করতে সক্ষম করে। প্লাগইনটি ব্যবহারকারী বান্ধব এবং অত্যন্ত কাস্টমাইজযোগ্য, পাই চার্ট, স্ক্যাটার গ্রাফ থেকে জিও চার্ট পর্যন্ত আপনার সমস্ত ভিজ্যুয়ালাইজেশনের প্রয়োজনের জন্য বিভিন্ন ধরণের চার্ট প্রকার অফার করে। এছাড়াও, প্লাগইনটি বিনামূল্যে তবে আপনি অতিরিক্ত বৈশিষ্ট্যগুলি অ্যাক্সেস করতে প্রো সংস্করণে আপগ্রেড করতে পারেন।

আপনার প্রয়োজনীয়তার উপর নির্ভর করে আপনার কাছে গুগল চার্ট, ভিজ্যুয়াল কম্পোজার বা বুটস্ট্র্যাপ চার্টের বিকল্প রয়েছে।

রেকর্ডিং উত্স: webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত