क्या आप वर्डप्रेस में बार और चार्ट जोड़ना चाहते हैं? ग्राफ, बार, पाई चार्ट, और अन्य जैसे दृश्य एड्स आपकी सामग्री के साथ डेटा को अच्छी तरह से जोड़ने का एक आदर्श तरीका है। इस आलेख में, हम आपको विज़ुअलाइज़र वर्डप्रेस चार्ट्स और आलेख प्लगइन के साथ WordPress में सलाखों और चार्ट बनाने का तरीका दिखाएंगे।
वर्डप्रेस में बार्स और चार्ट्स के साथ समस्या
अपनी सामग्री के साथ सलाखों, चार्ट और ग्राफ़ को जोड़ने के लिए कई वर्डप्रेस प्लगइन्स हैं। हालांकि, हमारे उपयोगकर्ताओं से हमने जो सबसे आम शिकायत की है, वह यह है कि ये प्लगइन्स आमतौर पर उपयोग करने के लिए बहुत जटिल हैं।
इनमें से कुछ प्लगइन्स भी उपयोगकर्ताओं को बहुत जटिल स्वरूपों में एक शोर्ट के अंदर डेटा जोड़ने की उम्मीद करते हैं।
उन प्लगइन्स का उपयोग करने के बजाय, कई उपयोगकर्ता अपने कार्यालय के अनुप्रयोगों में चार्ट बनाते हैं और उन्हें एक छवि में परिवर्तित करते हैं।
यह तब काम कर सकता है जब आप इसे कभी भी बदलना नहीं चाहते हैं। हालांकि एक छवि एक इंटरेक्टिव चार्ट के लिए कोई विकल्प नहीं है, जहां उपयोगकर्ता किसी विशेष अनुभाग पर अपने माउस लेते समय उपयोगी डेटा दिखाई देता है
एक आदर्श चार्ट और ग्राफ़ समाधान आपको अनुमति देगा:
- अपने कंप्यूटर पर या वेब पर डेटा स्रोत से डेटा जोड़ें
- आपके डेटा का उपयोग करते हुए चार्ट, पाइ, ग्राफ़, और बारबार पॉप्युलेट करें
- सुंदर, इंटरैक्टिव, रंगीन, और मोबाइल के अनुकूल चार्ट बनाएं
- सबसे महत्वपूर्ण बात, आपको डेटा अपडेट करना चाहिए जब भी आप चाहें।
ऐसा करने के बाद, देखते हैं कि विज़ुअलाइज़र वर्डप्रेस चार्ट्स और ग्राफ़िक्स प्लगइन आपको यह सब करने में मदद करता है।
विज़ुअलाइज़र के साथ वर्डप्रेस में बार और चार्ट बनाना
सबसे पहले आपको ऐसा करने की ज़रूरत है विज़ुअलाइज़र वर्डप्रेस चार्ट्स और आलेख प्लगइन को स्थापित और सक्रिय। अधिक जानकारी के लिए
जबकि निशुल्क संस्करण में आपको लगभग सभी चीज़ों की आवश्यकता होती है, उनके पास विज़ुअलाइज़र चार्ट्स और रेखांकन प्रो भी होता है जो प्लगइन में अतिरिक्त विशेषताएं जोड़ता है जैसे इंटरफ़ेस की तरह स्प्रैडशीट का उपयोग करते हुए डेटा जोड़ने और अन्य चार्ट से डेटा आयात करना।
पेशेवर सहायता और अपडेट के एक वर्ष के साथ एकल साइट लाइसेंस के लिए $ 79 का खर्च है।
ध्यान दें: यह ट्यूटोरियल प्लगइन के मुफ्त संस्करण के बारे में है।
सक्रियण पर, आपको यात्रा की आवश्यकता है मीडिया »विज़ुअलाइज़र लाइब्रेरी पृष्ठ। यह वह जगह है जहां आपके सभी चार्ट और ग्राफ़ दिखाई देंगे।
आपको अपना पहला चार्ट जोड़ने के लिए नया जोड़ें बटन पर क्लिक करना होगा।
यह स्क्रीन पर एक पॉपअप विंडो लाएगा। आप प्लगइन के साथ उपलब्ध विभिन्न चार्ट प्रकार देखेंगे बस उस चार्ट प्रकार का चयन करें जिसे आप जोड़ना चाहते हैं और जारी रखने के लिए अगले बटन पर क्लिक करें।
अगले चरण में अपने डेटा स्रोत को सीएसवी प्रारूप में जोड़ना है यदि आपने Excel, Google शीट, या किसी अन्य प्रोग्राम का उपयोग करते हुए स्प्रेडशीट के रूप में अपना डेटा सहेजा है, तो आप उसे केवल सीएसवी फ़ाइल के रूप में निर्यात कर सकते हैं।
आप अपने सीएसवी फाइल को अपने कंप्यूटर पर डाउनलोड या सहेज सकते हैं और फिर ‘कंप्यूटर से’ बटन पर क्लिक करके उसे अपलोड कर सकते हैं
आपकी सीएसवी फ़ाइल में दूसरी पंक्ति में पहली पंक्ति और डेटा प्रकार में स्तंभ नाम होने चाहिए। प्लगइन इन डेटा प्रकारों का समर्थन करता है: स्ट्रिंग, संख्या, बूलीयन, तिथि, समय की तारीख, और दिन का समय।
Google पत्रक में हमने इस उदाहरण फ़ाइल को देखा है
यदि आप पाठ संपादक का उपयोग करके एक CSV फ़ाइल बना रहे हैं, तो इस उदाहरण CSV फ़ाइल पर एक नज़र डालें:
ब्राउज़र, आगंतुकों
स्ट्रिंग, संख्या
क्रोम, 7894
फ़ायरफ़ॉक्स, 6754
इंटरनेट एक्सप्लोरर, 4230
सफारी 2106
ओपेरा, 627
Google डिस्क स्प्रैडशीट का उपयोग करते हुए WordPress में एक चार्ट को जोड़ना
अगर आपके पास अपना चार्ट डेटा Google ड्राइव पर एक स्प्रैडशीट के रूप में सहेजा गया है, तो आप इसे बिना निर्यात किए अपने चार्ट में जोड़ सकते हैं।
Google स्प्रेडशीट में अपना डेटा फ़ाइल खोलें और उसके बाद पर क्लिक करें फ़ाइल »वेब पर प्रकाशित करें ।
यह एक पॉपअप लाएगा जहां आपको यह दस्तावेज़ चुनना होगा कि आप इस दस्तावेज़ को कैसे प्रकाशित करना चाहते हैं। आपको ड्रॉपडाउन मेनू से कॉमा से अलग मान (.csv) का चयन करना होगा।
‘प्रकाशित करें’ बटन पर क्लिक करने के लिए मत भूलना
अब आप अपने शीट के सार्वजनिक रूप से उपलब्ध URL को एक CSV फ़ाइल के रूप में देखेंगे। आपको इस यूआरएल की प्रतिलिपि बनाने और विज़ुअलाइज़र चार्ट पर वापस जाना होगा।
से वेब बटन पर क्लिक करें और फिर अपनी Google स्प्रैडशीट की सीएसवी फ़ाइल का यूआरएल दर्ज करें।
जैसे ही आप URL दर्ज करते हैं, प्लगइन आपकी सीएसवी फ़ाइल लाएगा और आपके चार्ट का एक लाइव पूर्वावलोकन दिखाएगा।
अब आप अपना चार्ट सहेजने के लिए चार्ट बनाएं बटन पर क्लिक कर सकते हैं
वर्डप्रेस पोस्ट / पेज में एक चार्ट या ग्राफ़ को जोड़ना
अपने वर्डप्रेस पोस्ट्स और पेजों पर एक चार्ट या ग्राफ जोड़ना छवियों को जोड़ने के लिए उतना सरल है।
एक नया पोस्ट / पृष्ठ बनाएं या मौजूदा एक को संपादित करें जहां आप चार्ट जोड़ना चाहते हैं संपादन स्क्रीन पर, पोस्ट संपादक के ऊपर जोड़ें मीडिया बटन पर क्लिक करें।
यह वर्डप्रेस मीडिया अपलोड पॉपअप लाएगा। आपको बाएं कॉलम से विज़ुअलाइजेशन टैब पर क्लिक करना होगा। यह आपके द्वारा बनाए गए सभी चार्ट को लोड करेगा और इस साइट पर सहेजेगा।
अपने चार्ट के नीचे डालें आइकन पर क्लिक करें पॉपअप गायब हो जाएगा और आप अपने चार्ट को एक शोर्ट के रूप में अपने वर्डप्रेस पोस्ट में जोड़ा देखेंगे।
अब आप अपने वर्डप्रेस पोस्ट या पेज को बचा सकते हैं और अपने वर्डप्रेस पोस्ट में एम्बेड किए गए चार्ट को देखने के लिए अपनी वेबसाइट पर जा सकते हैं।
वर्डप्रेस में अपने विज़ुअलाइज़र चार्ट्स को संपादित करना
आप अपने चार्ट को किसी भी समय संपादित और बदल सकते हैं। बस यात्रा करें मीडिया »विज़ुअलाइज़र लाइब्रेरी पृष्ठ। वहां से आप एक चार्ट क्लोन कर सकते हैं, इसे हटा सकते हैं, या उसकी दृश्य सेटिंग्स को संपादित कर सकते हैं।
चार्ट को बदलने के बिना मौजूदा चार्ट के डेटा को अपडेट करना विज़ुअलाइज़र के साथ काफी आसान है।
यदि आप Google स्प्रेडशीट से डेटा जोड़ते हैं, तो आपको बस अपनी स्प्रेडशीट में डेटा अपडेट करने की आवश्यकता है फ़ाइल »वेब पर प्रकाशित करें और अपनी स्प्रेडशीट पुनर्प्रकाशित करें आपके परिवर्तन आपके चार्ट में स्वचालित रूप से प्रदर्शित होंगे
दूसरी ओर, अगर आपने एक सीएसवी फ़ाइल अपलोड की है, तो आपको अपने कंप्यूटर पर CSV फ़ाइल को अपडेट करना होगा। एक बार पूरा होने के बाद, वह चार्ट चुनें जिसे आप अपडेट करना चाहते हैं और चार्ट के नीचे स्थित संपादन लिंक पर क्लिक करें।
अपलोड CSV फ़ाइल अनुभाग में बस अपनी नई CSV फ़ाइल अपलोड करें। डेटा में परिवर्तन स्वतः उस पोस्ट या पृष्ठों पर प्रतिबिंबित करेगा, जहां आपने उस चार्ट को डाला है।
एक वर्डप्रेस साइडबार विजेट में एक चार्ट जोड़ना
विज़ुअलाइजर चार्ट को सम्मिलित करने के लिए शॉर्टकोड का उपयोग करता है बस में जाओ मीडिया »विज़ुअलाइज़र लाइब्रेरी , वहां आपको अपने चार्ट के नीचे एक शोर्टकोड दिखाई देगा।
शोर्ट को कॉपी करें और यहां पर जाएं प्रकटन »विजेट्स । खींचें और अपनी साइडबार पर पाठ विजेट ड्रॉप करें और विजेट के अंदर शोर्ट पेस्ट करें।
यदि शोर्टकोड पाठ विजेट में काम नहीं करता है, तो वर्डप्रेस साइडबार विजेट्स में शॉर्टकोड का उपयोग करने के बारे में हमारी मार्गदर्शिका को चेक करें।