सभी आधुनिक वेबसाइटें विभिन्न प्रकार की स्क्रीन चौड़ाई पर सही ढंग से कार्य करने के लिए डिज़ाइन की गई हैं। पुराने दिनों में सादे HTML का उपयोग करके तालिकाएँ बनाई जाती थीं। चूंकि लचीला वेब डिज़ाइन नया मानक बन गया है, बुनियादी HTML तालिकाओं को आधुनिक वेबसाइटों की मांगों को पूरा करने के लिए संघर्ष करना पड़ रहा है। चूँकि सरल HTML तालिकाएँ प्रतिक्रियाशील नहीं होती हैं, इसलिए उनमें शामिल पाठ को मोबाइल स्क्रीन आकारों पर पढ़ना बेहद कठिन होता है, यही कारण है कि उनका उपयोग प्रतिक्रियाशील तालिकाएँ विकसित करने के लिए किया जाता है जो स्क्रीन आकार के आधार पर अपने लेआउट को अनुकूलित करती हैं, जिस पर उन्हें देखा जा रहा है। HTML और CSS मीडिया क्वेरीज़ का उपयोग एक दूसरे के साथ संयोजन में किया जाना चाहिए।
- समाधान 1: डिवि बिल्डर का उपयोग करके तालिकाएँ बनाई जा सकती हैं।
- समाधान 2: टेबल plugin का उपयोग करें जिसमें यह कार्यक्षमता डिफ़ॉल्ट रूप से शामिल हो!
- WP Table Manager
- WP Table Manager के लिए इंटरफ़ेस
- निष्कर्ष
तालिकाओं को जानकारी के एक सेट के लिए सभी स्क्रीन आकारों पर एक पठनीय लेआउट के साथ बनाया जा सकता है जो बहुत बड़ा या विविध नहीं है, और इसे बुनियादी HTML और CSS दृष्टिकोण के साथ पूरा किया जा सकता है। हालाँकि, यदि तालिका का उद्देश्य काफी मात्रा में डेटा रखना है, तो 786 पिक्सेल से कम चौड़ाई वाले मोबाइल उपकरणों या स्क्रीन पर पढ़ने योग्य लेआउट बनाना आसान नहीं है।
यदि सभी स्क्रीन आकारों पर तालिका को उत्तरदायी बनाने के लिए HTML और CSS के साथ काम करने वाले वेब डिज़ाइनर डेटा की मात्रा पर विचार नहीं करते हैं, तो उन्हें समस्याओं का सामना करना पड़ सकता है जो साइट की सामग्री की पठनीयता को महत्वपूर्ण रूप से प्रभावित करते हैं। यहां कुछ सुझाव दिए गए हैं जिन्हें आप, एक Divi वेबसाइट डिज़ाइनर के रूप में, मैन्युअल रूप से प्रतिक्रियाशील तालिकाएँ बनाने का प्रयास करते समय व्यवहार में ला सकते हैं।
छोटी स्क्रीन को समायोजित करने के लिए तालिका के आकार को कम करते समय, आपको कई सीएसएस कक्षाएं बनाने की आवश्यकता होगी, प्रत्येक कक्षा एक विशेष स्क्रीन रिज़ॉल्यूशन को लक्षित करेगी।
एक वैकल्पिक समाधान जो आप कर सकते हैं वह यह है कि स्क्रीन का आकार कम होने पर तालिका से विशिष्ट कॉलम छिपा दिए जाएं।
छोटी स्क्रीन के लिए, आप तालिका के शीर्षलेखों और पादलेखों में क्षैतिज या लंबवत स्क्रॉल शामिल कर सकते हैं।
एक एकल तालिका बनाएं जिसे सभी स्क्रीन आकारों में फिट करने के लिए स्केल किया जा सके, और सामग्री को अधिक पठनीय बनाने के लिए तालिका को ज़ूम करें।
ये समाधान महत्वपूर्ण मात्रा में प्रयास की मांग करते हैं, और सामग्री और स्क्रीन आकार के आधार पर आवश्यकताएं भिन्न हो सकती हैं।
समाधान 1: डिवि बिल्डर का उपयोग करके तालिकाएँ बनाई जा सकती हैं।
एलिगेंट थीम्स ने यह प्रदर्शित करने के लिए एक ट्यूटोरियल तैयार किया है कि डिवी की अंतर्निहित सुविधाओं का उपयोग करके प्रतिक्रियाशील तालिकाओं का निर्माण कैसे किया जाए। यहां इसकी जांच कीजिए। उन्होंने कॉलम में क्षैतिज स्क्रॉल क्षमताएं जोड़ी हैं जो टेबल कंटेनर को ओवरफ्लो करती हैं, जिससे टेबल उपयोगकर्ता इनपुट के प्रति अधिक प्रतिक्रियाशील हो जाती है। आप ट्यूटोरियल पेज पर जाकर अधिक जानकारी प्राप्त कर सकते हैं:
समाधान 2: टेबल plugin का उपयोग करें जिसमें यह कार्यक्षमता डिफ़ॉल्ट रूप से शामिल हो!
आपकी Divi वेबसाइट के लिए एक रिस्पॉन्सिव टेबल बनाना अब कोई समस्या नहीं है, रेपो में उपलब्ध मुफ़्त plugin समाधानों की प्रचुरता के लिए धन्यवाद। हालाँकि, उन टेबल plugin को ढूंढना थोड़ा मुश्किल है जिनमें अंतर्निहित मोबाइल रिस्पॉन्सिव विकल्प होते हैं। wpDataTables जैसे लोकप्रिय plugin में यह सुविधा मुफ़्त विकल्प के रूप में नहीं है।
इस आलेख में, हम सर्वश्रेष्ठ WP Tabe Builder plugin में से एक पर विचार करते हैं।
WP Table Manager
WP Table Manager एकमात्र वर्डप्रेस टेबल plugin है जो टेबल को प्रबंधित करने के लिए संपूर्ण स्प्रेडशीट इंटरफ़ेस देता है। एक तालिका बनाएं, एक थीम चुनें और जैसे ही आप तालिकाओं का निर्माण पूरा कर लें, उन्हें संपादित करना शुरू कर दें। आपको शक्तिशाली तालिका संपादन सुविधाओं के व्यापक सेट से लाभ होगा, जिसमें HTML सेल संपादन, तालिका प्रतिलिपि, गणना और Excel, Google शीट्स और Office 365 के साथ सिंक्रनाइज़ेशन शामिल है; यह किसी सेल पर क्लिक करने और किसी तालिका को बदलने के लिए अंतिम उपयोगकर्ता के लिए विज़ुअल टेक्स्ट एडिटर की सहायता के साथ या उसके बिना डेटा को संपादित करने जितना आसान है।
WP Table Manager आपको एक सरल विज़ुअल इंटरफ़ेस का उपयोग करके आकर्षक, उत्तरदायी टेबल डिज़ाइन करने की अनुमति देता है। इसका उपयोग निःशुल्क है। एक बार जब आप इसे सक्रिय कर लेंगे, तो आपको सेटअप गाइड पर भेजा जाएगा। प्रक्रियाओं का पालन करें और अपनी पसंद के अनुसार आवश्यक समायोजन करें। मानो जादू से, आपने एक सुंदर तालिका बनाई है जो किसी भी आकार के प्रत्येक उपकरण पर खूबसूरती से प्रदर्शित होती है। फिर आपको बस शोर्टकोड को कॉपी करना है और उस पेज पर पेस्ट करना है जहां आप इसे दिखाना चाहते हैं। बिल्डर वर्तमान में सात तत्व (पाठ, छवि, सूची, बटन, स्टार रेटिंग, कस्टम HTML और शॉर्टकोड) प्रदान करता है जिन्हें आप ड्रैग और ड्रॉप सुविधा का उपयोग करके तालिका प्लेसहोल्डर में खींच और छोड़ सकते हैं। इनका उपयोग विभिन्न प्रकार की तालिकाएँ बनाने के लिए किया जा सकता है, जैसे उत्पाद तुलना तालिकाएँ, मूल्य निर्धारण तालिकाएँ, सूची तालिकाएँ, आदि; यह टेबल plugin है जिसे हमने अपनी जांच के दौरान सबसे नौसिखिया-अनुकूल पाया है। कृपया ध्यान रखें कि वर्तमान संस्करण में कोई खोज फ़ील्ड या किसी अन्य प्रकार की फ़िल्टरिंग कार्यक्षमता नहीं है। इसके अतिरिक्त, यदि आप कई डेटा सेट दर्ज करने या प्रबंधित करने का इरादा रखते हैं, तो यह आदर्श विकल्प नहीं हो सकता है। इस प्रकार के उपयोग परिदृश्य के लिए, विज़ुअलाइज़र या टेबलप्रेस दोनों उत्कृष्ट विकल्प हैं।
WP Table Manager के लिए इंटरफ़ेस
आप Divi में कोड मॉड्यूल या टेक्स्ट मॉड्यूल में शॉर्टकोड शामिल कर सकते हैं।
DIVI थीम में WP Table Manager शामिल है।
जब तालिकाओं को संभालने की बात आती है तो WP Table Manager plugin विवरण प्रबंधित करने का उत्तर देता है;
- एक बार आपकी तालिका पर फ़िल्टर विकल्प सक्रिय हो जाने पर, आप प्रत्येक कॉलम में डेटा खोज सकते हैं और संपूर्ण तालिका फ़िल्टर कर सकते हैं। यह पेजिनेशन सहित विशाल तालिकाओं पर भी काम करता है
- प्रत्येक कॉलम पर प्रस्तुत ऊपर और नीचे तीर आपके तालिका डेटा को व्यवस्थित करेगा। टेबल डेटा ऑर्डरिंग पेजिनेशन सहित विशाल टेबलों पर भी काम करती है।
- एक बार जब आप अपनी ज़रूरत के सभी डेटा के साथ अपनी तालिका बना लेते हैं, तो आप उपयोगकर्ताओं को सॉर्ट करने दे सकते हैं, लेकिन आप एक डिफ़ॉल्ट ऑर्डर भी स्थापित कर सकते हैं। जब समय के साथ जानकारी बदलती है तो यह काफी फायदेमंद हो सकता है, क्योंकि आप दौड़ के बाद धावकों को आगमन के क्रम के अनुसार क्रमबद्ध कर सकते हैं।
- यदि आप अपने सर्वर संसाधनों को बनाए रखते हुए अपनी वेबसाइट के फ्रंटएंड पर एक बड़ी तालिका प्रदर्शित करना चाहते हैं तो पेजिनेशन की आवश्यकता है। प्रत्येक पृष्ठ पर तालिका पंक्तियों की एक पूर्व निर्धारित मात्रा चुनें।
WP Table Manager एक्सेल फ़ाइल आयातक के माध्यम से एक्सेल दस्तावेज़ों को प्रबंधित करने का एक खुला तरीका भी है। हालाँकि, आप एक्सेल डेटा को केवल संपादन योग्य HTML तालिका के रूप में आयात और परिवर्तित कर सकते हैं या एक्सेल फ़ाइल को उसकी शैली के साथ आयात कर सकते हैं जिसमें रंग, पृष्ठभूमि, कॉलम आकार, लिंक शामिल हैं।
अपनी एक्सेल तालिका प्रबंधित करें और इसे अपनी वर्डप्रेस वेबसाइट पर प्रकाशित करें! आप वर्डप्रेस मीडिया प्रबंधन या एफ़टीपी क्लाइंट के माध्यम से एक एक्सेल फ़ाइल को तालिका में अपलोड कर सकते हैं। फिर, अपनी एक्सेल फ़ाइल का चयन करें और तालिका सेटिंग्स से सिंक्रनाइज़ेशन आरंभ करें।
आपकी वर्डप्रेस टेबल और एक्सेल फ़ाइल के बीच सिंक्रनाइज़ेशन नियमित रूप से एक मिनट से एक दिन के बीच किया जा सकता है। स्वचालित सिंक्रनाइज़ेशन विलंब को अवांछित वर्डप्रेस सार्वजनिक तालिका अपडेट से बचने या किसी विशाल तालिका के लिए सर्वर संसाधनों को सहेजने के लिए भी परिभाषित किया जा सकता है।
तालिका आयात करने के बाद, सभी डेटा अद्यतन किया जा सकता है; यह एक सामान्य HTML तालिका है plugin तरह संपादित किया जा सकता है! वर्डप्रेस स्प्रेडशीट.
दूसरी ओर, अपने इच्छित सभी डेटा के साथ एक सुव्यवस्थित तालिका बनाने के बाद, आप इसे एक पारंपरिक एक्सेल फ़ाइल के रूप में निर्यात कर सकते हैं और, amp के लिए, बाद में अद्यतन एक्सेल शीट को फिर से चला सकते हैं। आपके उपयोगकर्ता अब वर्डप्रेस फ्रंटएंड पर तालिका को एक्सेल शीट के रूप में निर्यात कर सकते हैं।
WP Table Manager OneDrive के माध्यम से Office 365 के साथ भी समन्वयित होता है।
वनड्राइव एक्सेल फ़ाइल आयात और निर्यात उपकरण उपलब्ध है; अपनी फ़ाइलों को आयात और संशोधित करके समय बचाएं। OneDrive फ़ाइल सिंकिंग के साथ और भी अधिक उत्पादक बनें! सिंक्रनाइज़ करने, स्वचालित रूप से समायोजित करने के लिए Office 365 Excel फ़ाइल का चयन करें, और यह आपकी वेबसाइट पर लाइव होगी।
WP Table Manager आपको डेटाबेस से टैब बनाने और आयात करने में मदद करता है; इसमें अब वेबसाइट डेटाबेस सामग्री के चयन से तालिकाएँ बनाने का एक उपकरण शामिल है, जो पहले अनुपलब्ध था। डेटाबेस से तालिकाओं और स्तंभों का चयन किया जाता है, कॉन्फ़िगर करने योग्य फ़िल्टर लागू किए जाते हैं, और तालिकाओं को WP Table manager इंटरफ़ेस के माध्यम से प्रबंधित किया जाता है। जब डेटाबेस अद्यतन किया जाता है, तो आपकी तालिका स्वचालित रूप से बढ़ जाती है! इसके अलावा, आपके पास सॉर्टिंग, फ़िल्टरिंग, स्वचालित डिज़ाइन और पेजिनेशन विकल्प हैं।
यदि आप डेवलपर नहीं हैं, तो आप किसी भी डेटाबेस सामग्री को अपनी HTML तालिका से दृश्य रूप से जोड़ सकते हैं। डेटाबेस सामग्री से एक नई तालिका बनाते समय आपके डेटाबेस की सभी तालिकाएँ प्रस्तुत की जाती हैं।
आपका वेबसाइट डेटाबेस एक साधारण खोज कर सकता है और आपकी तालिकाओं और स्तंभों का चयन कर सकता है; विशाल डेटाबेस में यह काफी फायदेमंद है। इसके अलावा, डेटाबेस से चरण दर चरण तालिका में आपकी सहायता के लिए एक विज़ार्ड यहां मौजूद है।
अंतिम चरण में, डेटाबेस से तालिका का पूर्वावलोकन करने से पहले, आप निर्दिष्ट डेटाबेस तालिकाओं पर अपनी कस्टम क्वेरी लिख सकते हैं। हम कुछ फ़ंक्शन का समर्थन करते हैं, जैसे चयन करें, बदलें, नाम बदलें, दिखाएं, समझाएं, वर्णन करें।
एक डेटाबेस तालिका कभी-कभी कई पंक्तियों के साथ आती है; इस प्रकार, यह विकल्प आपकी स्क्रीन में फिट होने वाली तालिका प्रदर्शित करने में मदद कर सकता है। इसके अलावा, आप तालिका की पंक्तियों, प्रत्येक पृष्ठ की पूर्वनिर्धारित संख्या निर्धारित कर सकते हैं। इसके अलावा, आप संपूर्ण तालिका को डिफ़ॉल्ट रूप से क्रमबद्ध करने के लिए एक कॉलम भी चुन सकते हैं।
वर्डप्रेस डेटाबेस टेबल कनेक्शन केवल वर्डप्रेस टेबल तक ही सीमित नहीं है। सभी टेबल जो वर्डप्रेस से नहीं हैं लेकिन एक ही डेटाबेस पर इंस्टॉल हैं, उन्हें कनेक्ट किया जा सकता है।
अपनी मेज पर मौजूद विशाल डेटा के बीच, आप किसी विशिष्ट वस्तु पर ध्यान केंद्रित करने के लिए कुछ कस्टम नियम बना सकते हैं। यदि आप इससे परिचित हैं, तो आप >, <, LIKE, IN... जैसे डेटाबेस ऑपरेटरों के साथ खेल सकते हैं।
आपके द्वारा बनाए गए डेटाबेस से तालिकाओं को किसी भी अन्य तालिकाओं की तरह संपादित किया जा सकता है (यदि उपयोगकर्ता के पास उस समझदार सुविधा तक पहुंच है) (यदि उपयोगकर्ता के पास उस व्यावहारिक सुविधा तक पहुंच है); यह कुछ डेटाबेस डेटा को बैच में संपादित करने के लिए बहुत सुविधाजनक है, amp के लिए, कई पोस्ट-प्रकाशन तिथियां जिन्हें एक-एक करके करने पर कुछ समय लगेगा।
निष्कर्ष
सूचना के एक सेट को प्रदर्शित करने के लिए तालिकाएँ सबसे प्रभावी तरीकों में से एक हैं। हालाँकि, कम तकनीकी व्यक्ति के लिए वेब पेज पर टेबल बनाना एक चुनौती है। इन plugin का उपयोग करके, आप कुछ सरल चरणों में आसानी से किसी भी डिवाइस पर पढ़ने योग्य टेबल बना सकते हैं। इसके अलावा, प्रतिक्रियाशील तालिकाएँ निश्चित रूप से आपके साइट विज़िटरों को सकारात्मक समग्र अनुभव प्रदान करेंगी। तो, इसे आज़माएं और हमें नीचे टिप्पणी अनुभाग में अपना अनुभव बताएं।
