सभी आधुनिक वेबसाइटों को विभिन्न प्रकार की स्क्रीन चौड़ाई पर सही ढंग से कार्य करने के लिए डिज़ाइन किया गया है। पुराने दिनों में सादे HTML का उपयोग करके तालिकाएँ बनाई जाती थीं। जैसा कि लचीला वेब डिज़ाइन नया मानक बन गया है, बुनियादी HTML तालिकाओं ने आधुनिक वेबसाइटों की मांगों को पूरा करने के लिए संघर्ष किया है। क्योंकि साधारण HTML तालिकाएँ उत्तरदायी नहीं होती हैं, उनमें शामिल पाठ को मोबाइल स्क्रीन आकारों पर पढ़ना अत्यंत कठिन होता है, यही कारण है कि उनका उपयोग उन प्रतिक्रियाशील तालिकाओं को विकसित करने के लिए किया जाता है जो स्क्रीन आकार के आधार पर उनके लेआउट को अनुकूलित करती हैं, जिस पर उन्हें देखा जा रहा है, HTML और CSS मीडिया प्रश्नों का एक दूसरे के साथ संयोजन में उपयोग किया जाना चाहिए।
- समाधान 1: Divi Builder का उपयोग करके तालिकाएँ बनाई जा सकती हैं।
- समाधान 2: तालिका plugin का उपयोग करें जिसमें डिफ़ॉल्ट रूप से यह कार्यक्षमता शामिल है!
- WP Table Manager
- WP Table Manager लिए इंटरफ़ेस
- निष्कर्ष
जानकारी के एक सेट के लिए सभी स्क्रीन आकारों पर एक पठनीय लेआउट के साथ तालिकाओं का निर्माण किया जा सकता है जो बहुत विशाल या विविध नहीं है, और इसे मूल HTML और CSS दृष्टिकोणों के साथ पूरा किया जा सकता है। हालाँकि, यदि तालिका का उद्देश्य काफी मात्रा में डेटा रखना है, तो मोबाइल उपकरणों या स्क्रीन पर 786 पिक्सेल से कम चौड़ाई के साथ एक पठनीय लेआउट बनाना आसान नहीं है।
यदि सभी स्क्रीन आकारों पर तालिका को उत्तरदायी बनाने के लिए HTML और CSS के साथ काम करने वाला वेब डिज़ाइनर डेटा की मात्रा पर विचार नहीं करता है, तो उन्हें ऐसी समस्याओं का सामना करना पड़ सकता है जो साइट की सामग्री की पठनीयता को महत्वपूर्ण रूप से प्रभावित करती हैं। यहाँ कुछ सुझाव दिए गए हैं जिन्हें आप, एक Divi वेबसाइट डिज़ाइनर के रूप में, मैन्युअल रूप से उत्तरदायी तालिकाएँ बनाने का प्रयास करते समय व्यवहार में ला सकते हैं।
छोटी स्क्रीन को समायोजित करने के लिए तालिका के आकार को कम करते हुए, आपको कई सीएसएस वर्गों का निर्माण करना होगा, जिसमें प्रत्येक वर्ग एक विशेष स्क्रीन रिज़ॉल्यूशन को लक्षित करेगा।
एक वैकल्पिक समाधान जो आप कर सकते हैं, वह यह है कि स्क्रीन का आकार कम होने पर विशिष्ट कॉलम को तालिका से छिपा दिया जाए।
छोटी स्क्रीन के लिए, आप तालिका के शीर्षलेख और पादलेख में क्षैतिज या लंबवत स्क्रॉल शामिल कर सकते हैं।
एक एकल तालिका बनाएं जिसे सभी स्क्रीन आकारों में फिट करने के लिए स्केल किया जा सके, और सामग्री को अधिक पठनीय बनाने के लिए तालिका को ज़ूम करें।
ये समाधान काफी मात्रा में प्रयास की मांग करते हैं, और सामग्री और स्क्रीन आकार के आधार पर आवश्यकताएं भिन्न हो सकती हैं।
समाधान 1: Divi Builder का उपयोग करके तालिकाएँ बनाई जा सकती हैं।
Elegant Themes ने Divi की अंतर्निहित सुविधाओं का उपयोग करके उत्तरदायी तालिकाओं का निर्माण करने के तरीके को प्रदर्शित करने के लिए एक ट्यूटोरियल तैयार किया है। यहां इसकी जांच कीजिए। उन्होंने टेबल कंटेनर को ओवरफ्लो करने वाले कॉलम में क्षैतिज स्क्रॉल क्षमताओं को जोड़ा है, जिससे टेबल उपयोगकर्ता इनपुट के लिए अधिक प्रतिक्रियाशील हो सके। आप ट्यूटोरियल पेज पर जाकर और अधिक जानकारी प्राप्त कर सकते हैं:
समाधान 2: तालिका plugin का उपयोग करें जिसमें डिफ़ॉल्ट रूप से यह कार्यक्षमता शामिल है!
रेपो में उपलब्ध मुफ़्त plugin समाधानों की प्रचुरता के कारण, आपकी Divi वेबसाइट के लिए एक उत्तरदायी तालिका बनाना अब कोई समस्या नहीं है। हालांकि, टेबल 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 तालिका के रूप में आयात और रूपांतरित कर सकते हैं या एक्सेल फ़ाइल को उसकी शैली के साथ आयात कर सकते हैं जिसमें रंग, पृष्ठभूमि, कॉलम आकार, लिंक शामिल हैं।
अपनी एक्सेल तालिका प्रबंधित करें और इसे अपनी वर्डप्रेस वेबसाइट पर प्रकाशित करें! आप वर्डप्रेस मीडिया प्रबंधन या एफ़टीपी क्लाइंट के माध्यम से एक्सेल फाइल को टेबल पर अपलोड कर सकते हैं। फिर, अपनी एक्सेल फ़ाइल का चयन करें और तालिका सेटिंग्स से सिंक्रनाइज़ेशन आरंभ करें।
आपकी वर्डप्रेस टेबल और एक्सेल फाइल के बीच सिंक्रोनाइज़ेशन नियमित रूप से एक मिनट और एक दिन के बीच किया जा सकता है। अवांछित वर्डप्रेस सार्वजनिक तालिका अद्यतनों से बचने या एक विशाल तालिका के लिए सर्वर संसाधनों को बचाने के लिए स्वचालित सिंक्रनाइज़ेशन विलंब को भी परिभाषित किया जा सकता है।
तालिका आयात करने के बाद, सभी डेटा अपडेट किया जा सकता है; यह plugin तरह संपादन योग्य एक साधारण HTML तालिका है! वर्डप्रेस स्प्रेडशीट।
दूसरी ओर, डेटा आप चाहते हैं सब के साथ एक साफ तालिका के निर्माण के बाद, आप इसे एक पारंपरिक Excel फ़ाइल के रूप में निर्यात कर सकते हैं और के लिए, पूर्व amp ले, फिर से चलाने के अद्यतन एक्सेल शीट बाद में। आपके उपयोगकर्ता अब टेबल को वर्डप्रेस फ़्रंटएंड पर एक्सेल शीट के रूप में निर्यात कर सकते हैं।
WP Table Manager भी OneDrive के माध्यम से Office 365 के साथ सिंक्रनाइज़ करता है।
OneDrive Excel फ़ाइल आयात और निर्यात उपकरण उपलब्ध है; अपनी फ़ाइलों को आयात और संशोधित करके समय बचाएं। OneDrive फ़ाइल समन्वयन के साथ और भी अधिक उत्पादक बनें! सिंक्रनाइज़ करने, स्वचालित रूप से समायोजित करने और यह आपकी वेबसाइट पर लाइव होने के लिए Office 365 Excel फ़ाइल का चयन करें।
WP Table Manager आपको डेटाबेस से टैब बनाने और आयात करने में मदद करता है; अब इसमें वेबसाइट डेटाबेस सामग्री के चयन से तालिकाएँ बनाने के लिए एक उपकरण शामिल है, जो पहले अनुपलब्ध था। डेटाबेस से तालिकाओं और स्तंभों का चयन किया जाता है, विन्यास योग्य फ़िल्टर लागू किए जाते हैं, और तालिकाओं को WP Table manager इंटरफ़ेस के माध्यम से प्रबंधित किया जाता है। जब डेटाबेस अपडेट किया जाता है, तो आपकी तालिका स्वचालित रूप से बढ़ जाती है! इसके अलावा, आपके पास अपने निपटान में सॉर्टिंग, फ़िल्टरिंग, स्वचालित डिज़ाइन और पेजिनेशन विकल्प हैं।
यदि आप एक डेवलपर नहीं हैं, तो आप किसी भी डेटाबेस सामग्री को अपनी HTML तालिका से नेत्रहीन रूप से कनेक्ट कर सकते हैं। डेटाबेस सामग्री से एक नई तालिका बनाते समय आपके डेटाबेस में सभी तालिकाएँ प्रस्तुत की जाती हैं।
आपका वेबसाइट डेटाबेस एक साधारण खोज कर सकता है और आपके टेबल और कॉलम का चयन कर सकता है; यह एक विशाल डेटाबेस में काफी फायदेमंद है। इसके अलावा, डेटाबेस चरण दर चरण तालिका के साथ आपकी सहायता करने के लिए एक विज़ार्ड यहां है।
अंतिम चरण में, डेटाबेस से तालिका का पूर्वावलोकन करने से पहले, आप निर्दिष्ट डेटाबेस तालिकाओं पर अपनी कस्टम क्वेरी लिख सकते हैं। हम कुछ कार्यों का समर्थन करते हैं, जैसे SELECT, REPLACE, RENAME, SHOW, EXPLAIN, DESCRIBE।
एक डेटाबेस तालिका कभी-कभी कई पंक्तियों के साथ आती है; इस प्रकार, यह विकल्प आपकी स्क्रीन में फिट होने वाली तालिका प्रदर्शित करने में मदद कर सकता है। इसके अलावा, आप प्रत्येक पृष्ठ पर तालिका की पंक्तियों की एक पूर्वनिर्धारित मात्रा निर्धारित कर सकते हैं। इसके अलावा, आप संपूर्ण तालिका को डिफ़ॉल्ट रूप से सॉर्ट करने के लिए एक कॉलम भी चुन सकते हैं।
वर्डप्रेस डेटाबेस टेबल कनेक्शन केवल वर्डप्रेस टेबल तक ही सीमित नहीं है। सभी टेबल जो वर्डप्रेस से नहीं हैं लेकिन एक ही डेटाबेस पर स्थापित हैं, को जोड़ा जा सकता है।
अपनी तालिका के विशाल डेटा के बीच, आप किसी विशिष्ट वस्तु पर ध्यान केंद्रित करने के लिए कुछ कस्टम नियम बना सकते हैं। यदि आप इससे परिचित हैं, तो आप >, <, LIKE, IN… जैसे डेटाबेस ऑपरेटरों के साथ खेल सकते हैं।
आपके द्वारा बनाए गए डेटाबेस से तालिकाओं को किसी भी अन्य तालिकाओं की तरह संपादित किया जा सकता है (यदि उपयोगकर्ता के पास उस समझदार सुविधा तक पहुंच है) (यदि उपयोगकर्ता के पास उस व्यावहारिक सुविधा तक पहुंच है); इस सुंदर की तरह, कुछ डेटाबेस डेटा बैच संपादन के लिए सुविधाजनक है पूर्व के लिए amp ले, कई के बाद प्रकाशन तिथियों कि एक के बाद एक समय अगर एक किया ले लिया होता।
निष्कर्ष
जानकारी के एक सेट को प्रदर्शित करने के लिए तालिकाएँ सबसे प्रभावी तरीकों में से एक हैं। हालांकि, एक कम तकनीकी व्यक्ति के लिए वेब पेज पर टेबल बनाना एक चुनौती है। इन plugin का उपयोग करके, आप आसानी से कुछ सरल चरणों में टेबल बना सकते हैं जो किसी भी डिवाइस पर पढ़ने योग्य हैं। इसके अलावा, प्रतिक्रियाशील तालिकाएं निश्चित रूप से आपकी साइट पर आने वाले लोगों के लिए सकारात्मक समग्र अनुभव प्रदान करेंगी। तो, इसे आज़माएं और हमें नीचे टिप्पणी अनुभाग में अपना अनुभव बताएं।
