वर्डप्रेस में डेटा टेबल्स का उपयोग कैसे करें – डेटा-भरा HTML टेबल्स बनाने के रचनात्मक तरीके

टेबल्स कभी भी ऐसा कुछ नहीं है जो वर्डप्रेस विशेष रूप से अच्छा है। मूल रूप से, यदि आप वर्डप्रेस में डेटा तालिकाओं का प्रदर्शन करना चाहते हैं, तो आप संभवतः पूरी प्रस्तुति को हाथ से समाप्त कर देंगे – सब कुछ अच्छा दिखने के लिए कच्चे HTML और CSS का उपयोग करना.


और नहीं, मैं नए ब्लॉक संपादक के बारे में नहीं भूल पाया। हालांकि यह निश्चित रूप से समग्र रूप से तालिकाओं को बनाना और प्रदर्शित करना आसान बनाता है, यह अभी भी एक सही समाधान नहीं है, खासकर बड़े डेटासेट के लिए.

वैसे भी, जब से टेबल कुछ ऐसा है जिसे हम यहाँ कोडिनडब्ल्यूपी में अपनी पोस्ट में बहुत उपयोग कर रहे हैं, मैं आज आपके साथ अपनी कुछ शीर्ष रणनीतियों को साझा करना चाहता हूं।.

इस गाइड में, मैं कुछ रचनात्मक विचार प्रस्तुत कर रहा हूँ कि आप वर्डप्रेस में HTML टेबल / डेटा टेबल का उपयोग कैसे कर सकते हैं, उन्हें प्राचीन दिखते हैं, और यह भी सुनिश्चित करें कि वे मोबाइल के लिए अनुकूलित हैं और उसी समय एसईओ के अनुकूल हैं।.
वर्डप्रेस में डेटा टेबल्स का उपयोग कैसे करें

Contents

वर्डप्रेस में डेटा टेबल के लिए हमारा त्रिस्तरीय दृष्टिकोण

हमारे दृष्टिकोण को जल्दी से सारांशित करने के लिए, हम वर्डप्रेस में डेटा टेबल के साथ तीन अलग-अलग तरीकों से काम कर रहे हैं:

(ए) बुनियादी डेटा प्रस्तुत करने और हमारे पोस्ट के कुछ हिस्सों को पचाने में आसान बनाने के लिए सरल उत्तरदायी और अच्छे दिखने वाले तालिकाओं का उपयोग करना.

(ख) कुछ का उपयोग कर हम कॉल कर सकते हैं "मध्य स्तरीय तालिकाओं" माउस होवर पर उपयोगकर्ता की छंटाई और पंक्ति हाइलाइटिंग जैसी कुछ अतिरिक्त सुविधाओं के लिए अनुमति देने के लिए.

लाइव उदाहरण:

होस्टिंग कंपनी / 5Survey PopularMarket लोकप्रियता (Alexa)
पिताजी जाओ3.50.41223
Bluehost3.30.261780
HostGator3.70.301872
WPEngine4.40.374065
SiteGround4.61.005708
DreamHost4.10.2210030
A2 होस्टिंग3.80.1612709
Cloudways4.50.3918544
Kinsta4.80.2523350
चक्का4.60.1834689

हमारे होस्टिंग सर्वेक्षण से

(सी) ऑटो-रिफ्रेशिंग टेबल का उपयोग करना जो बहुत अधिक उन्नत आंतरिक कामकाज की अनुमति देता है जो कि फ्रंटएंड पर उपयोगकर्ता के लिए काफी दृश्यमान नहीं हैं। उदाहरण के लिए, यहाँ पर तालिका Google शीट के आधार पर बनाई गई है, और यह स्वतः ही अपडेट हो जाती है (जब भी हम शीट को अपडेट करते हैं, टेबल अपडेट भी हो जाता है).

उदाहरण:विज़ुअलाइज़र होस्ट टेबल डेमो

यहां बताया गया है कि आप हमारे दृष्टिकोण का अनुकरण कैसे कर सकते हैं और अपने आप को वर्डप्रेस में कुछ शांत डेटा टेबल बना सकते हैं:

रणनीति # 1: अपनी तालिकाओं को जीवन में लाने के लिए विज़ुअलाइज़र का उपयोग करें

चलो गुच्छा के सबसे उन्नत दृष्टिकोण के साथ बड़ा शुरू करते हैं! फिर हम चीजों को सरल बनाने जा रहे हैं क्योंकि हम इस पोस्ट को और नीचे ले जाते हैं.

विजुअलाइज़र वर्डप्रेस में डेटा टेबल को संभालने की इस पहली रणनीति को बनाने के लिए हमारे अपने प्लगइन्स और प्राथमिक टूल में से एक है.

  • ��️ विज़ुअलाइज़र क्या है? यह एक प्लगइन है जो आपको चार्ट, ग्राफ़ और टेबल बनाने देता है, और फिर उन्हें शॉर्टकोड या ब्लॉक के माध्यम से अपने ब्लॉग पोस्ट में शामिल करता है। यदि आपको केवल मूलभूत सुविधाओं के सेट की आवश्यकता है, तो इसका उपयोग करना सरल है, लेकिन यदि आप हूड के नीचे टिंकर करना चाहते हैं तो यह बहुत शक्तिशाली है.

विज़ुअलाइज़र के बारे में ठंडी चीजों में से एक यह है कि आप अपना डेटा – तालिकाओं के साथ-साथ चार्टों के लिए – कई स्रोतों से लोड कर सकते हैं। उदाहरण के लिए, एक नई तालिका बनाते समय, आप इससे आयात कर सकते हैं:

  • एक CSV फ़ाइल,
  • एक URL (Google पत्रक सहित),
  • एक और चार्ट,
  • वर्डप्रेस (फिल्टर / वर्कफ़्लो बनाकर, जो तब वर्डप्रेस डेटाबेस के माध्यम से ब्राउज़ करते हैं और इच्छित डेटा को लाते हैं),
  • डेटाबेस सीधे (कच्चे SQL प्रश्नों का उपयोग करके),
  • साथ ही, आप मैन्युअल रूप से डेटा भी दर्ज कर सकते हैं.


विज़ुअलाइज़र: वर्डप्रेस के लिए टेबल्स और चार्ट्स मैनेजर

लेखक (ओं): Themeisle


90% रेटिंग


40,000 + इंस्टॉल


WP 3.5 + की आवश्यकता है

और जानकारी

visualizer.zip

वर्तमान संस्करण: 3.4.3

अंतिम अपडेट: 4 मई, 2020


90% रेटिंग


40,000 + इंस्टॉल


WP 3.5 + की आवश्यकता है

WordPress.org Plugin Page


विज़ुअलाइज़र: वर्डप्रेस के लिए टेबल्स और चार्ट्स मैनेजर

ठीक है, तो आपके टेबल को जीवन में लाने के लिए यहां खेलना कहां आता है?

सामान्य रूप से, तालिकाओं के बारे में मुश्किल बात यह है कि उन्हें हाथ से बनाने में मूल रूप से उतना ही समय लगता है जितना कि बाद में उन्हें अपडेट करना। हम सभी तालिकाएँ बनाने के बजाय एक-टास्क करते हैं और सब कुछ स्वचालित रूप से अद्यतित रहता है.

विज़ुअलाइज़र के साथ, आप URL से अपनी तालिका के लिए डेटा प्राप्त करना चुन सकते हैं और फिर हर घंटे / 12 घंटे / दिन या तीन दिन दोहराने के लिए आयात सेट कर सकते हैं.

प्रभावी रूप से इसका मतलब यह है कि आपको ए तालिका जो अपने आप ही ताज़ा हो जाती है स्रोत के परिवर्तनों के आधार पर। पढ़ें: इसमें वापस आने और इसे हाथ से अपडेट करने की कोई जरूरत नहीं है.

यहाँ चार रचनात्मक तरीके हैं जिनका आप लाभ उठा सकते हैं:

अपने मामले का अध्ययन या विश्लेषण पदों को अद्यतित रखें (स्वचालित रूप से)

हम वर्डप्रेस होस्टिंग बाजार में भारी पड़े हैं। हमारे पास विषय पर कई पोस्ट हैं, और उनमें से अधिकांश में चल रहे अपडेट की आवश्यकता है.

हमारे मुख्य होस्टिंग तुलना के संस्करणों में से एक में एक लाइव टेबल शामिल है जो कि मेजबानों के लोड समय पर प्रकाश डाला गया है। यह इस तरह दिखता है (लाइव टेबल):

.visualizer-41792oddTableRow {बैकग्राउंड-कलर: #eaea! important;}

(यदि आप अभी उस पोस्ट पर जाते हैं, तो आप इसे कार्रवाई में नहीं देख सकते; हम उस चीज़ को बहुत बार बदलते हैं, बहुत सी चीजों का परीक्षण करते हुए)।

यह पूरी तालिका Google पत्रक से स्वचालित रूप से प्राप्त की जाती है। यहां तक ​​कि लोगो और लिंक Google शीट्स (कच्चे HTML के रूप में) के अंदर संग्रहीत किए जाते हैं। जब भी हम लोड समय को अपडेट करते हैं, उदाहरण के लिए, वे तालिका में भी अपडेट होते हैं। उल्लेख नहीं करने के लिए, उपयोगकर्ता तालिका को सॉर्ट कर सकता है.

इसे सेट करना बिल्कुल भी मुश्किल नहीं है:

1. अपना Google SheetStandard सामान तैयार करें। यहाँ एक उदाहरण है:

शीट उदाहरण

फिर, "इसे वेब पर प्रकाशित करें" इसके अनुसार इस गाइड.
2. VisualizerFirst में एक तालिका बनाएं, स्थापित करें विजुअलाइज़र प्लगइन, डुह!

के लिए जाओ मीडिया → विज़ुअलाइज़र लाइब्रेरी और पर क्लिक करें नया जोड़ें. चुनना तालिका.

सेटअप विंडो से, का चयन करें URL से डेटा आयात करें, अंदर जाएं आयात अनुसूची और फिर आयात का URL और शेड्यूल दर्ज करें। इस तरह:

आयात आयात करें

तालिका सहेजें.
3. तालिका को पोस्ट / पृष्ठ पर जोड़ें। तालिका को शोर्ट के माध्यम से निकालें या ब्लॉक संपादक का उपयोग करें। यह आपके, वर्डप्रेस में आपकी डेटा टेबल है!

दोबारा, इस सेटअप के साथ, आप स्वचालित रूप से तालिकाओं के लिए डेटा प्राप्त कर सकते हैं और फिर उन तालिकाओं को स्वचालित रूप से अपडेट कर सकते हैं.

कई पोस्टों पर स्वचालित रूप से कई टेबल रखें (स्वचालित रूप से)

यह पिछले परिदृश्य से संबंधित है, लेकिन कोण थोड़ा अलग है.

असल में, एक ही Google शीट को कई तालिकाओं के डेटा के स्रोत के रूप में उपयोग करने से आपको कुछ भी नहीं रोक रहा है.

इसका मतलब यह है कि आप कई पोस्ट / पृष्ठों पर समान तालिकाओं को शामिल कर सकते हैं और यह चिंता करने की ज़रूरत नहीं है कि वे समय के साथ सिंक से बाहर जा रहे हैं (कहते हैं, आप एक को अपडेट करेंगे लेकिन दूसरे को अपडेट करना भूल जाएंगे, आदि).

विज़ुअलाइज़र में अपनी तालिका सेट करते समय, आप उन्नत सेटिंग में जा सकते हैं और विभिन्न चीजों को समायोजित कर सकते हैं जैसे पेजिनेशन, पंक्तियों की संख्या, उपयोगकर्ता को सॉर्ट करना / अक्षम करना, खोज सक्षम करना, और इसी तरह। इसका मतलब यह है कि आपके टेबल अभी भी अलग दिख सकते हैं, भले ही वे एक ही डेटा स्रोत का उपयोग करते हों.

अपने ट्रैफ़िक / उपयोगकर्ताओं / बिक्री संख्या को अद्यतित रखें (स्वचालित रूप से)

विभिन्न व्यवसायों / संकेतकों को साझा करने के लिए वेब व्यवसायों के बीच एक प्रवृत्ति रही है जैसे कि ट्रैफ़िक, बिक्री, उपयोगकर्ताओं की संख्या, उनकी वेबसाइटों पर सेवा आदि.

हालांकि, हर कोई बाहरी सेवाओं को एम्बेड नहीं करना चाहता है और इस तरह उन्हें किसी भी तरह से मॉडरेट करने में सक्षम नहीं है.

आदर्श रूप से, भले ही आप बहुत पारदर्शी हों, फिर भी आप जागना नहीं चाहते हैं और यह पता लगाना चाहते हैं कि आपकी शॉपिंग कार्ट या ट्रैफ़िक टूल से एक एम्बेड भारी गिरावट दिखा रहा है – जबकि आपका शीर्षक अभी भी कह सकता है "देखो हम कितना अच्छा कर रहे हैं!"

यदि आप एक और परत जोड़ते हैं और पहले डेटा को Google शीट में आयात करते हैं, तो आप ट्रैफ़िक / बिक्री तालिका में लाने से पहले सभी परिवर्तनों को मॉडरेट कर सकते हैं और साइट पर लाइव हो सकते हैं.

सेटअप पिछले परिदृश्यों की तरह ही है। बस एक नई Google शीट बनाएं, अपने नंबर आयात करें या दर्ज करें, और फिर इसे विज़ुअलाइज़र तालिका या चार्ट पर हुक करें.

अपने डेटाबेस को क्वेरी करें (स्वचालित रूप से)

विज़ुअलाइज़र के पास अपनी आस्तीन पर एक और अच्छा फीचर है; यह कच्चे SQL क्वेरी के माध्यम से आपके वर्डप्रेस डेटाबेस से टेबल डेटा को सही तरीके से आयात कर सकता है.

यदि आप प्रयोग करने के इच्छुक हैं तो काफी उन्नत सामान, हां, लेकिन यह आपको बहुत सारी संभावनाएं भी देता है.

कुछ त्वरित विचार:

सबसे पहले, आप आसानी से अपने सबसे कमेंट-ऑन पोस्ट दिखा सकते हैं। आप न केवल पारदर्शिता रिपोर्टों में, बल्कि अपने अभिलेखागार पृष्ठ पर भी ऐसी सूची का उपयोग कर सकते हैं। उदाहरण:

पर टिप्पणी की है

उस तरह एक तालिका बनाने के लिए, बस विज़ुअलाइज़र में जाएं, एक नई तालिका बनाएं, और चुनें डेटाबेस से आयात करें.

क्वेरी विंडो में, आप कुछ इस तरह से डाल सकते हैं:

पोस्ट का चयन करें पोस्ट के रूप में पोस्ट करें, COUNT (DISTINCT c.comment_ID) के रूप में टिप्पणियाँ Wp_posts p से लेफ्टिनेंट जॉइन करें wp_comments c पर p.id = c.comment_post_id पर p.ID ORDER ग्रुप द्वारा टिप्पणी द्वारा DESC LIMIT 10

यह आपके शीर्ष 10 सबसे अधिक टिप्पणियों वाली पोस्ट की एक तालिका दिखाएगा.

आप URL प्राप्त करने के लिए क्वेरी को जटिल कर सकते हैं, ताकि आप उन पोस्ट शीर्षकों को लाइव कर सकें। यह सिर्फ एक उदाहरण है। यहाँ कुछ अन्य चीजें हैं जो आप कर सकते हैं:

  • एक निश्चित श्रेणी से अपने सभी पदों की सूची या एक लेखक द्वारा लिखित
  • तालिकाओं में देखें जो अन्य प्लगइन्स अपने डेटा को स्टोर करने के लिए उपयोग करते हैं, उनसे प्रासंगिक डेटा प्राप्त करते हैं
  • WooCommerce से अपने बेस्टसेलिंग उत्पादों को प्रदर्शित करें, साथ ही बिक्री, लिंक, कीमतों की संख्या, जो भी आप चाहें
  • आसान डिजिटल डाउनलोड के साथ भी ऐसा ही करें; यहाँ कुछ हैं तैयार किए गए प्रश्न

जब यह आता है तो इसके बारे में विजुअलाइज़र और हम इसका उपयोग कैसे कर रहे हैं लेकिन अन्य समाधान भी हैं यदि आपको इस तरह के उन्नत स्वचालन की आवश्यकता नहीं है:

विश्वसनीय सॉर्टिंग और टेबल एडिट के लिए TablePress का उपयोग करें

हम भी बड़े प्रशंसक हैं TablePress और हमारे कई पोस्ट में इसका उपयोग कर रहा है.

उदाहरण के लिए, यहां एक बड़ी तालिका है – वर्डप्रेस थीम बाजार में शीर्ष 100 खिलाड़ियों को सूचीबद्ध करना। पूर्वावलोकन:

विषय निर्देशिका उदाहरण

TablePress के बारे में हमें जो पसंद है, वह यह है कि हम आसानी से पंक्तियों को पुनः प्राप्त कर सकते हैं, पंक्तियों को छिपा सकते हैं, डुप्लिकेट पंक्तियों को छिपा सकते हैं, और उपयोगकर्ता को तालिका को सॉर्ट करने के लिए कुछ नियंत्रण भी दे सकते हैं।.

उदाहरण के लिए, उस विशिष्ट तालिका के लिए, हमारे बैकएंड में कुछ और कॉलम हैं जिन्हें हम प्रदर्शित नहीं करते हैं (लाल वाले)। TablePress हमें उन्हें हटाने के लिए मजबूर नहीं करता है – हम उन्हें केवल प्रदर्शन से छिपा सकते हैं.

छिपी हुई मेज

अपने HTML तालिकाओं को समेटने के लिए शॉर्टकोड अल्टीमेट का उपयोग करें

व्यक्तिगत रूप से, शॉर्टकोड अल्टीमेट (एसयू) मेरे सर्वकालिक पसंदीदा प्लगइन्स में से एक है.

इसके कई शॉर्टकोड में, आप अपने मानक HTML तालिकाओं को बहुत अच्छे बनाने के लिए उपयोग कर सकते हैं.

यहां हमारी पोस्ट में शीर्ष वीपीएन सेवाओं की तुलना करने वाली एक तालिका है:

सु तालिका

इसे कच्चे HTML के माध्यम से बनाया गया था, और फिर इसके चारों ओर एक SU शोर्ट जोड़ा गया। यह वाला:

[su_table] [/ su_table]

आपके द्वारा देखी गई सभी पंक्ति शैलियाँ और सीमाएँ SU हैं.

दूसरे शब्दों में, यदि आपके विषय में तालिकाओं को संभालने के लिए विशेष रूप से अच्छा CSS नहीं है, तो SU का उपयोग करें.

�� नोट; इस पोस्ट में सभी तीन समाधानों के बारे में बात की गई है – विज़ुअलाइज़र, टेबलप्रेस और एसयू, मोबाइल और उत्तरदायी के लिए तैयार तालिकाओं को आउटपुट कर सकते हैं.

निष्कर्ष

मैं आपको इन तीन प्लगइन्स के साथ प्रयोग करने के लिए प्रोत्साहित करता हूं। हम अपने स्वयं के निर्माण के बाद से विज़ुअलाइज़र से प्यार करते हैं, लेकिन हमें यह स्वीकार करना होगा कि अन्य दो बहुत साफ हैं और साथ ही विशिष्ट कार्यों के लिए भी!


विज़ुअलाइज़र: वर्डप्रेस के लिए टेबल्स और चार्ट्स मैनेजर

लेखक (ओं): Themeisle


90% रेटिंग


40,000 + इंस्टॉल


WP 3.5 + की आवश्यकता है

और जानकारी

visualizer.zip

वर्तमान संस्करण: 3.4.3

अंतिम अपडेट: 4 मई, 2020


90% रेटिंग


40,000 + इंस्टॉल


WP 3.5 + की आवश्यकता है

WordPress.org Plugin Page


विज़ुअलाइज़र: वर्डप्रेस के लिए टेबल्स और चार्ट्स मैनेजर


TablePress

लेखक (ओं): टोबियास बाथगे


100% रेटिंग


800,000 + इंस्टॉल


WP 5.3 + की आवश्यकता है

और जानकारी

tablepress.1.11.zip

वर्तमान संस्करण: 1.11

अंतिम अपडेट: 1 अप्रैल, 2020


100% रेटिंग


800,000 + इंस्टॉल


WP 5.3 + की आवश्यकता है

WordPress.org Plugin Page


TablePress


वर्डप्रेस शॉर्टकोड प्लगइन – शॉर्टकोड अल्टीमेट

लेखक (ओं): व्लादिमीर अनोखिन


98% रेटिंग


800,000 + इंस्टॉल


WP 4.6 + की आवश्यकता है

और जानकारी

shortcodes-ultimate.5.9.0.zip

वर्तमान संस्करण: 5.9.0

अंतिम अपडेट: 24 मई, 2020


98% रेटिंग


800,000 + इंस्टॉल


WP 4.6 + की आवश्यकता है

WordPress.org Plugin Page


वर्डप्रेस शॉर्टकोड प्लगइन – शॉर्टकोड अल्टीमेट

क्या आप वर्डप्रेस में डेटा टेबल का उपयोग करते हैं?

वर्डप्रेस के आधुनिक यूआई में तालिकाओं और उनके स्थान के बारे में आप क्या सोचते हैं?

गुटेनबर्ग ब्लॉक एडिटर ने तालिकाओं को बहुत अधिक उपयोगकर्ता के अनुकूल बनाया है, इसलिए आकस्मिक उपयोगकर्ता शायद अब उनके साथ प्रयोग करने के लिए तैयार होंगे। आखिरकार, टेबल उन क्लासिक चीजों में से एक है जो हर किसी ने कभी एमएस वर्ड का इस्तेमाल किया है, वह बहुत परिचित है। तो आप क्यों नहीं कर पाएंगे "बस उन्हें जोड़ें" WordPress के लिए, सही है?

क्या आप वर्डप्रेस में डेटा टेबल का उपयोग करते हैं? यदि हां, तो आप उन्हें कैसे बनाते हैं?

अपनी वर्डप्रेस साइट को गति देने पर हमारे क्रैश कोर्स में शामिल होना न भूलें। कुछ सरल सुधारों के साथ, आप अपने लोडिंग समय को 50-80% तक कम कर सकते हैं:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map