वर्डप्रेस में एक टेबल जोड़ना मुश्किल हुआ करता था, जिसमें मार्कअप भाषा की अधिकता शामिल थी।
HTML किसी भी वेबसाइट में टेबल जोड़ने का मूल तरीका था। फिर CSS इसे और भी जटिल बनाने के साथ आया।
आज, वर्डप्रेस के भीतर या बाहरी सेवाओं का उपयोग करके फीचर-रिच टेबल को वर्डप्रेस के भीतर टेबल (या यहां तक कि एक स्प्रेडशीट) को एम्बेड करके बनाया जा सकता है।
स्प्रेडशीट अभी भी टेबल हैं, बस विस्तारित कार्यक्षमता के साथ।
ये तब आसान होते हैं जब आपके पास तार्किक तरीके से प्रस्तुत करने के लिए एक बड़ा डेटासेट होता है। जिसके साथ उपयोगकर्ता बातचीत कर सकते हैं।
टेबल बनाने और उन्हें अपनी WP वेबसाइट पर खूबसूरती से प्रदर्शित करने के प्रकारों और आसान तरीकों की खोज के लिए आगे पढ़ें।
वर्डप्रेस में टेबल कैसे जोड़ें
ब्लॉक एडिटर का उपयोग करते हुए, (+) आइकन पर क्लिक करें और 'टेबल' टाइप करें। 'टेबल' ब्लॉक या 'मूल्य निर्धारण तालिका' ब्लॉक का चयन करें, जिसमें सीएसएस स्टाइल शामिल है। वैकल्पिक रूप से, एक Google शीट बनाएं और फिर उसे वर्डप्रेस पोस्ट या पेज पर एम्बेड करें, या वर्डप्रेस के भीतर अपनी टेबल बनाने के लिए टेबलप्रेस प्लगइन स्थापित करें।
वर्डप्रेस ब्लॉक एडिटर में एक मल्टी-कॉलम टेबल जोड़ें
ब्लॉक संपादक में नियमित तालिका आश्चर्यजनक रूप से अनुकूलन योग्य और कॉन्फ़िगर करने में आसान है।
ब्लॉक एडिटर का उपयोग करते हुए, + आइकन पर क्लिक करें, 'टेबल' टाइप करें और 'टेबल' ब्लॉक पर क्लिक करें। तालिका बनाने के लिए एक संकेत दिखाई देगा।
अपनी इच्छित पंक्तियों और स्तंभों की संख्या डालें।
जेम्स रीड और नादिन लस्टर नवीनतम समाचार
प्रदर्शन उद्देश्यों के लिए, हमने एक लीडरबोर्ड बनाया है। यदि आप एक संबद्ध प्रतियोगिता चला रहे थे, तो आप जिस तरह से करना चाहेंगे, वह संबद्धों को बड़े प्रतियोगिता पुरस्कार जीतने के लिए कड़ी मेहनत करने के लिए प्रेरित करेगा।
एक बार जब आप तालिका में अपना डेटा रखते हैं, तो अपने WP संपादक के दाईं ओर कस्टमाइज़र खोलने के लिए कहीं भी क्लिक करें।
यहां से, आप शैली बदल सकते हैं, एक शीर्ष लेख और पाद लेख जोड़ सकते हैं, तालिका की चौड़ाई ठीक कर सकते हैं, पाठ को प्रारूपित कर सकते हैं, फ़ॉन्ट रंग और पृष्ठभूमि बदल सकते हैं, फ़ॉन्ट आकार सहित टाइपोग्राफी बदल सकते हैं, और अपनी तालिका में एक HTML एंकर जोड़ सकते हैं।
एंकर जोड़ना ब्लॉग पोस्ट के बजाय सीधे वर्डप्रेस में अपनी टेबल से लिंक करना आसान है।
नून्स की लड़ाई के बाद राउजी का साक्षात्कार
एंकर मेलिंग के लिए भी आसान हैं। चूंकि तालिकाएं डेटा संप्रेषित करने का एक तेज़ तरीका हैं, इसलिए तालिका में सीधे लिंक के साथ मूल्य परिवर्तनों को मेल करना उपयोगी हो सकता है।
प्राप्तकर्ता सीधे मूल्य निर्धारण तालिका पर जाने के लिए लिंक पर क्लिक कर सकते हैं।
आसानी से मूल्य निर्धारण तालिका जोड़ें
गुटेनबर्ग (ब्लॉक) संपादक की एक साफ-सुथरी विशेषता पूर्व-स्वरूपित ब्लॉक है। अब इसमें 3-स्तरीय मूल्य निर्धारण तालिका तैयार है।
+ प्रतीक पर क्लिक करें, खोज क्षेत्र में 'तालिका' टाइप करें और मूल्य निर्धारण तालिका चुनें।
यह 3 मूल्य निर्धारण ब्लॉकों के साथ 3-स्तंभ लेआउट जोड़ता है।
मूल्य निर्धारण तालिका ब्लॉक में कई ब्लॉक होते हैं। एक हेडिंग ब्लॉक, उसके बाद एक पैराग्राफ, एक सेपरेटर, एक लिस्ट ब्लॉक और अंत में एक बटन।
यदि आप केवल दो कॉलम चाहते हैं, तो एक कॉलम पर तीन लंबवत बिंदुओं पर क्लिक करें और 'कॉलम हटाएं' चुनें।
टूलबार खोलने के लिए किसी भी तत्व पर क्लिक करें, फिर उनमें परिवर्तन करने के लिए तीन लंबवत बिंदुओं का चयन करें।
यह अब तक का सबसे सरल तरीका है कि बिना CSS, या HTML का उपयोग किए वर्डप्रेस में स्टाइल प्राइसिंग टेबल को जोड़ा जा सकता है।
क्लासिक संपादक का उपयोग करने वालों के लिए, प्लगइन को निष्क्रिय करें, ब्लॉक संपादक का उपयोग करके ड्राफ्ट पोस्ट या पेज बनाएं, इसे ड्राफ्ट के रूप में सहेजें, फिर क्लासिक संपादक प्लगइन को फिर से सक्रिय करें।
जब आप पोस्ट या पेज को संपादित करने के लिए वापस जाते हैं, तो सभी कोड अपने आप आयात हो जाते हैं।
HTML में कॉलम के भीतर टेबल बनाएं
कुछ समय पहले, हमने कवर करने वाला एक ट्यूटोरियल प्रकाशित किया था वर्डप्रेस में कॉलम कैसे बनाएं . इसका एक हिस्सा 2-कॉलम लेआउट वाली एक टेबल बना रहा था।
वर्डप्रेस पर HTML में कुछ भी बनाने के लिए, आपको क्लासिक एडिटर में 'टेक्स्ट' मोड का चयन करना होगा, या यदि ब्लॉक एडिटर का उपयोग कर रहे हैं, तो 'कस्टम HTML' ब्लॉक जोड़ें।
तालिका जोड़ने के लिए कोड है…
<table style="width: 100%; height: 48px;" border="”5″" width="”1200″" cellspacing="”50″" cellpadding="”50″"> <tbody> <tr style="background-color: #fff73f;"> <td style="text-align: center; height: 16px;"><strong>Column Title </strong></td> <td style="text-align: center; height: 16px;"><strong>Next column title</strong></td> </tr> <tr style="height: 16px;"> <td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td> <td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td> </tr> </tbody> </table>
उपरोक्त कोड बनाता है ...
वर्डप्रेस में Google शीट्स को कैसे एम्बेड करें
Google शीट्स की एक साफ-सुथरी लेकिन अल्पज्ञात विशेषता यह है कि आप उन्हें वेब पर प्रकाशित कर सकते हैं, और उन्हें वर्डप्रेस वेबसाइटों में एम्बेड किया जा सकता है।
इसके अलावा, आप रीयल-टाइम में अपडेट दिखाने के लिए शीट सेट कर सकते हैं।
सबसे पहले, Google पत्रक पर जाएं, उस शीट का चयन करें जिसे आप एम्बेड करना चाहते हैं। 'फ़ाइल' पर क्लिक करें, फिर 'साझा करें' चुनें, फिर 'वेब पर प्रकाशित करें'।
एक पॉपअप प्रॉम्प्ट वेब पर सीधे लिंक के साथ या एम्बेड के माध्यम से साझा करने के विकल्प दिखाएगा। एम्बेड विकल्प का चयन करें।
मनीला टॉवर नवीनतम अद्यतन
'प्रकाशित सामग्री और सेटिंग्स' के लिए ड्रॉपडाउन तीर पर क्लिक करने से आप गोपनीयता सेटिंग्स को कॉन्फ़िगर कर सकते हैं, जैसे कि कौन सामग्री तक पहुंच सकता है और संपादित कर सकता है।
पीआरसी लेट रिजल्ट सितंबर 2015
यदि आप शीट से अपडेट को अपनी एम्बेडेड शीट पर पुश करना चाहते हैं, तो 'परिवर्तन होने पर स्वचालित रूप से पुनर्प्रकाशित करें' के लिए बॉक्स चेक करें।
यदि आपके पास शीट का एक संग्रह है, तो आप उन सभी को एक संग्रह, या एक व्यक्तिगत शीट के रूप में एम्बेड करना चुन सकते हैं।
एक बार जब आप सेट कर लें कि आप क्या साझा करना चाहते हैं, और कैसे, 'प्रकाशित करें' बटन पर क्लिक करें। यह आपको एक एम्बेड कोड देगा।
एम्बेड कोड को कॉपी करें और वर्डप्रेस में “टेक्स्ट” संपादक में पेस्ट करें। यदि ब्लॉक संपादक का उपयोग कर रहे हैं, तो 'कस्टम HTML' ब्लॉक का उपयोग करें।
प्रकाशन से पहले पूर्वावलोकन दबाएं क्योंकि Google के एम्बेड कोड में आकार शामिल नहीं हैं। परिणाम एक वेब पेज पर एक छोटा सा ब्लर्ब है।
एम्बेड कोड के भीतर, जहां 'हेडर = झूठा' होने के बाद एक जगह छोड़ दें और निम्न कोड जोड़ें:
style="height:500px;width:1100px">
आपकी थीम के अनुरूप ऊंचाई और चौड़ाई की संख्या को बदला जा सकता है। शीट कैसी दिखती है यह देखने के लिए पूर्वावलोकन दबाएं। एक बार जब आप उपस्थिति से खुश हो जाएं, तो प्रकाशित करें पर क्लिक करें।
चूंकि यह एक स्प्रेडशीट है, जो अनिवार्य रूप से एक जटिल तालिका है, यदि आपके पास एक से अधिक शीट हैं, तो उपयोगकर्ता संग्रह में अतिरिक्त शीट खोलने के लिए ऊपर, नीचे, स्क्रॉल कर सकते हैं और क्लिक कर सकते हैं।
टेबलप्रेस प्लगइन का उपयोग करके वर्डप्रेस के भीतर जटिल HTML टेबल बनाएं
टेबलप्रेस प्लगइन वर्डप्रेस में टेबल बनाने के लिए सबसे सक्रिय रूप से उपयोग किए जाने वाले प्लगइन्स में से एक है।
यह HTML कोड के साथ खिलवाड़ करने की आवश्यकता को समाप्त करता है, जिससे तालिका निर्माण तेज और सरल हो जाता है।
आरंभ करने के लिए, 'प्लगइन्स' पर जाएं, 'नया जोड़ें' चुनें और शीर्ष दाईं ओर खोज बॉक्स में 'टेबलप्रेस' टाइप करें।
एक बार प्लगइन सक्रिय हो जाने के बाद, आपके बाएं साइडबार में एक नया 'टेबलप्रेस' मेनू जोड़ा जाता है। अपनी पहली तालिका बनाना शुरू करने के लिए 'नया जोड़ें' पर क्लिक करें।
यहां ध्यान देने योग्य बात यह है कि टेबल प्लगइन पेज के भीतर बनाए गए हैं। वर्डप्रेस संपादक के भीतर नहीं।
टेबलप्रेस प्लगइन का उपयोग करके टेबल्स बनाए जाते हैं, फिर एक शोर्ट का उपयोग करके वर्डप्रेस पोस्ट और पेजों में एम्बेड किया जाता है।
अपनी तालिका को एक नाम दें, फिर अगली स्क्रीन पर, अपना डेटा जोड़ना शुरू करें।
लोगों की इच्छा क्या है
डेटा जोड़ने के बाद, पृष्ठ को नीचे स्क्रॉल करें और आप तालिका को स्टाइल करना शुरू कर सकते हैं। एक बार जब आप इसे प्रकाशित करने के लिए तैयार हो जाएं, तो 'सहेजें' पर क्लिक करें, फिर शोर्ट को कॉपी करें।
आप जिस तालिका को संपादित कर रहे हैं, उसके शीर्ष पर या बाएं साइडबार पर 'सभी तालिकाओं' का चयन करके आप शोर्टकोड पा सकते हैं।
उस पेज या पोस्ट को लोड करें जिस पर आप टेबल को शामिल करना चाहते हैं, शोर्टकोड में पेस्ट करें, प्रीव्यू दबाएं और टेबल सामग्री के भीतर एम्बेड हो जाएगी।
टेबलप्रेस प्लगइन वर्डप्रेस में टेबल बनाना आसान बनाता है। इसके अलावा, ऐड-ऑन की एक विस्तृत श्रृंखला है जो PHP का उपयोग करने सहित उन्नत सुविधाओं के साथ अधिक शक्तिशाली तालिकाओं के लिए कार्यक्षमता का विस्तार करती है।
वर्तमान में, टेबलप्रेस एक्सटेंशन को भुगतान करने से पहले डाउनलोड, आजमाया और परीक्षण किया जा सकता है, और उस पर भी, डेवलपर खरीदारी की आवश्यकता के बजाय दान राशि का सुझाव देता है।