क्या आप अपने WordPress पोस्ट, पृष्ठों और कस्टम पोस्ट प्रकारों के लिए कस्टम मेटा बॉक्स बनाना चाहते हैं? कस्टम मेटा बॉक्स आमतौर पर अपनी सामग्री में कस्टम फ़ील्ड (मेटा डेटा) जोड़ने के लिए एक बेहतर उपयोगकर्ता इंटरफ़ेस प्रदान करने के लिए उपयोग किया जाता है इस आलेख में, हम एक कस्टम मेटा बॉक्स क्या करेंगे, और वर्डप्रेस पोस्ट्स और पोस्ट प्रकारों में आसानी से कस्टम मेटा बॉक्स को कैसे जोड़ सकते हैं।
वर्डप्रेस में कस्टम मेटा बॉक्स क्या है?
कस्टम मेटा बॉक्स आपके पदों, पृष्ठों और अन्य कस्टम पोस्ट प्रकारों में कस्टम फ़ील्ड (मेटा डेटा) जोड़ने के लिए अधिक उपयोगकर्ता के अनुकूल इंटरफ़ेस है।
वर्डप्रेस इंटरफ़ेस का उपयोग करने में आसान है, जो आपको पोस्ट और पृष्ठ जैसी सामग्री बनाने में मदद करता है, या कस्टम पोस्ट प्रकार
आम तौर पर, प्रत्येक सामग्री प्रकार में वास्तविक सामग्री और इसकी मेटाडेटा होती है। मेटाडेटा उस सामग्री से संबंधित जानकारी है जैसे दिनांक और समय, लेखक का नाम, शीर्षक, और अधिक। कस्टम फ़ील्ड का उपयोग कर आप अपना मेटा डेटा भी जोड़ सकते हैं।
हालांकि, डिफ़ॉल्ट कस्टम फ़ील्ड बॉक्स का उपयोग कर मेटाडेटा जोड़ना बहुत सहज नहीं है। यह वह जगह है जहां कस्टम मेटा बॉक्स आते हैं
WordPress डेवलपर्स को पोस्ट संपादित स्क्रीन पर अपने कस्टम मेटा बॉक्स बनाने और जोड़ने की अनुमति देता है। यही सबसे लोकप्रिय प्लगइन्स आपकी पोस्ट संपादन स्क्रीन पर विभिन्न विकल्प जोड़ता है।
उदाहरण के लिए, Yoast एसईओ प्लगइन के अंदर एसईओ शीर्षक और मेटा विवरण बॉक्स एक कस्टम मेटा बॉक्स है:
ऐसा करने के बाद, चलिए देखते हैं कि आप WordPress पोस्ट और पोस्ट प्रकारों में आसानी से कस्टम मेटा बॉक्स कैसे जोड़ सकते हैं।
WordPress में कस्टम मेटा बॉक्स बनाना
प्रथम
सक्रियण पर, प्लगइन आपके वर्डप्रेस व्यवस्थापक बार में ‘कस्टम फ़ील्ड’ लेबल वाला एक नया मेनू आइटम जोड़ता है उस पर क्लिक करने पर आपको कस्टम फ़ील्ड पृष्ठ पर ले जाएगा।
यह पृष्ठ रिक्त होगा क्योंकि आपने अभी तक कोई कस्टम फ़ील्ड नहीं बनाई है। आगे बढ़ो और जारी रखने के लिए ‘नया जोड़ें’ बटन पर क्लिक करें।
आपको ‘नया फ़ील्ड समूह जोड़ें’ पृष्ठ पर ले जाया जाएगा।
यहां आपको अपने फील्ड समूह के लिए एक शीर्षक प्रदान करना होगा। यह शीर्षक आपके मेटा बॉक्स के शीर्षक के रूप में उपयोग किया जाएगा
उसके बाद आप अपने खेतों को जोड़ना शुरू कर सकते हैं अपना पहला फ़ील्ड जोड़ने के लिए बस ‘+ फ़ील्ड जोड़ें’ बटन पर क्लिक करें
यह फील्ड सेटिंग फ़ॉर्म को लाएगा पहले आपको अपने क्षेत्र के लिए एक लेबल प्रदान करना होगा। यह लेबल फ़ील्ड से पहले आपके मेटा बॉक्स में प्रदर्शित किया जाएगा।
इसके बाद आपको फ़ील्ड प्रकार का चयन करना होगा। उन्नत कस्टम फ़ील्ड प्लगइन आपको विकल्पों की संपूर्ण श्रृंखला से चुनने की अनुमति देता है इसमें पाठ, टेक्स्टेरा, रेडियो बटन, चेकबॉक्स, पूर्ण WYSIWYG संपादक, चित्र, और अधिक शामिल हैं
इसके बाद, आपको फ़ील्ड निर्देश प्रदान करने की आवश्यकता है। ये निर्देश उपयोगकर्ताओं को बताएंगे कि क्षेत्र में क्या जोड़ना है।
नीचे, आप अपने क्षेत्र के लिए अन्य विकल्प पा सकते हैं। आपको इन विकल्पों की सावधानीपूर्वक समीक्षा करने और अपनी ज़रूरतों को पूरा करने के लिए उन्हें समायोजित करने की आवश्यकता है।
इसके बाद, क्षेत्र को पतन करने के लिए करीब फ़ील्ड बटन पर क्लिक करें।
यदि आपको अपने मेटाबोक्स में अधिक फ़ील्ड जोड़ने की आवश्यकता है, तो दूसरे फ़ील्ड जोड़ने के लिए ‘फ़ील्ड जोड़ें’ बटन पर क्लिक करें।
एक बार जब आप फ़ील्ड जोड़ते हैं, तो आप स्थान अनुभाग तक नीचे स्क्रॉल कर सकते हैं। यह वह जगह है जहां आप यह निर्धारित कर सकते हैं कि कब और कब आप अपना मेटा बॉक्स प्रदर्शित करना चाहते हैं।
उन्नत कस्टम फ़ील्ड आपके लिए चुनने के लिए कुछ पूर्वनिर्धारित नियमों के साथ आता है। उदाहरण के लिए, आप पोस्ट प्रकार, पोस्ट श्रेणी, वर्गीकरण, पृष्ठ अभिभावक और अधिक चुन सकते हैं।
अगला, मेटा बॉक्स विकल्प सेटिंग्स आता है।
पहले आपको ऑर्डर नंबर चुनना होगा। यदि आपके पास एक स्थान के लिए कई फ़ील्ड समूह निर्धारित हैं, तो आप उनके प्रदर्शित होने के लिए ऑर्डर नंबर चुन सकते हैं। यदि आप अनिश्चित हैं, तो इसे 0 के रूप में छोड़ दें
इसके बाद, आपको पेज पर मेटा बॉक्स स्थिति को चुनना होगा। आप सामग्री के बाद, सामग्री से पहले, या दाएं कॉलम में इसे दिखाने के लिए चुन सकते हैं।
नीचे, आपको अपने मेटा बॉक्स के लिए एक शैली चुननी होगी। आप इसे अन्य सभी WordPress मेटा बॉक्स की तरह चुन सकते हैं, या आप इसे निर्बाध (किसी मेटा बॉक्स के बिना) चुन सकते हैं।
यदि आप अनिश्चित हैं, तो मानक (WP मेटा बॉक्स) विकल्प चुनें।
अन्त में, आपको सामान्यतः एक पोस्ट संपादित स्क्रीन पर प्रदर्शित फ़ील्ड की एक सूची दिखाई देगी। यदि आप अपनी पोस्ट संपादन स्क्रीन पर कोई विशेष फ़ील्ड छिपाना चाहते हैं, तो आप इसे यहां देख सकते हैं। यदि आप निश्चित नहीं हैं, तो उन्हें छोड़ने के लिए सबसे अच्छा यह अनियंत्रित
एक बार आपके काम के बाद, अपने फील्ड समूह को लाइव बनाने के लिए प्रकाशित करें बटन पर क्लिक करें।
बधाई हो, आपने अपने कस्टमर मेटा बॉक्स को सफलतापूर्वक अपने वर्डप्रेस पोस्ट या पोस्ट प्रकार के लिए बनाया है।
आपकी सेटिंग के अनुसार, आप अपने कस्टम मेटा बॉक्स को कार्रवाई में देखने के लिए अब अपनी पोस्ट या पोस्ट प्रकार देख सकते हैं।
आप मेटा डेटा को अपनी पोस्ट या पोस्ट प्रकारों में जोड़ने के लिए इस कस्टम मेटा बॉक्स का उपयोग कर सकते हैं। जब आप पोस्ट को सहेज या प्रकाशित करते हैं तो यह डेटा आपके वर्डप्रेस डाटाबेस में संग्रहीत होगा।
वर्डप्रेस थीम में आपका कस्टम मेटा बॉक्स डेटा प्रदर्शित करना
अब तक हमने सफलतापूर्वक एक कस्टम मेटा बॉक्स बनाया है और इसे हमारे पोस्ट संपादन स्क्रीन पर प्रदर्शित किया है। अगला कदम आपके वर्डप्रेस थीम पर उन क्षेत्रों में संग्रहीत डेटा को प्रदर्शित करना है।
सबसे पहले, आपको पहले बनाई गई कस्टम फ़ील्ड समूह को संपादित करना होगा। ‘फ़ील्ड समूह संपादित करें’ पृष्ठ पर, आप अपने कस्टम फ़ील्ड और उनके नाम देखेंगे।
आपको अपनी वेबसाइट पर प्रदर्शित करने के लिए इन फ़ील्ड नामों की आवश्यकता होगी।
उन्नत कस्टम फ़ील्ड आपको दो अलग-अलग तरीकों से ऐसा करने की अनुमति देता है।
सबसे पहले, आप अपनी पोस्ट में एक कस्टम फ़ील्ड प्रदर्शित करने के लिए एक शोर्ट कोड का उपयोग कर सकते हैं।
[एसीएफ फ़ील्ड = "लेख_बाइलाइन"]
आप उन्हें अपने वर्डप्रेस थीम फ़ाइलों में कोड जोड़कर प्रदर्शित कर सकते हैं। यदि आपने पहले ऐसा नहीं किया है, तो वर्डप्रेस में कोड कॉपी और पेस्ट करने के बारे में हमारी शुरुआती गाइड पर एक नज़र डालें।
आपको थीम फ़ाइल को संपादित करना होगा जहां आप इन क्षेत्रों से डेटा प्रदर्शित करना चाहते हैं। उदाहरण के लिए, single.php, content.php, page.php, और इसी तरह।
आपको यह सुनिश्चित करने की आवश्यकता होगी कि आप वर्डप्रेस लूप के अंदर कोड जोड़ते हैं। यह सुनिश्चित करने का सबसे आसान तरीका है कि आप लूप के अंदर कोड दर्ज कर रहे हैं, यह आपके कोड में एक पंक्ति देखने की है जो इस तरह दिखता है:
आप इस लाइन के बाद अपना कोड पेस्ट कर सकते हैं और लूप समाप्त होने वाली रेखा से पहले:
आपका कस्टम फ़ील्ड कोड ऐसा कुछ दिखाई देगा:
यह कोड हमारे कस्टम मेटा बॉक्स के आलेख द्वारा लाइन फ़ील्ड में दर्ज किए गए डेटा को प्रदर्शित करेगा।
ध्यान दें कि हमने सीएसएस वर्ग के साथ एक एच 2 शीर्षक में कोड को कैसे लपेट लिया। यह हमारे थीम में कस्टम सीएसएस जोड़कर बाद में कस्टम फ़ील्ड को प्रारूपित और शैली में मदद करेगा।
यहां एक और उदाहरण है:
क्षेत्र के नामों को अपने खुद के क्षेत्र के नामों से बदलने के लिए मत भूलना।
अब आप उस पोस्ट पर जा सकते हैं जहां आपने पहले ही अपने कस्टम क्षेत्रों में डेटा दर्ज कर लिया है आप अपने कस्टम मेटा डेटा को प्रदर्शित करने में सक्षम होंगे।
उन्नत कस्टम फ़ील्ड बहुत सारे विकल्पों के साथ एक बहुत शक्तिशाली प्लगइन है। यह ट्यूटोरियल केवल सतह को खरोंच करता है अगर आपको अधिक सहायता की आवश्यकता है, तो इसे आगे बढ़ाने के तरीके के बारे में प्लगइन के दस्तावेजों को देखने के लिए मत भूलना।