Technology

Wordpress & Full Site Editing: How To Create A Child Theme & Block Theme

आपको वर्डप्रेस के लिए चाइल्ड थीम का उपयोग कब करना चाहिए? ए बनाना जरूरी है बाल विषय यदि आप कोड में कोई कस्टम परिवर्तन करने की योजना बना रहे हैं।

इस तरह, जब थीम अपडेट की जाती है, तो कोड में किए गए किसी भी कस्टम परिवर्तन को अधिलेखित नहीं किया जाएगा।

परंपरागत रूप से, वर्डप्रेस के साथ काम करते समय, इसके लिए चाइल्ड थीम बनाने के लिए functions.php और style.css की कॉपी बनाने और चाइल्ड थीम को पेरेंट थीम के साथ जोड़ने की आवश्यकता होती है।

में विभिन्न फ़ाइल संरचना के साथ पूर्ण साइट संपादनसभी उपयुक्त फ़ाइलों को खोजने के लिए कुछ समायोजन करने की आवश्यकता है।

सौभाग्य से, के निर्माण के साथ ब्लॉक थीम प्लगइन बनाएँ WordPress.org द्वारा, न केवल चाइल्ड थीम बल्कि पूरी तरह से कस्टम थीम या स्टाइल वेरिएशन बनाना पहले से कहीं ज्यादा आसान है।

WordPress.org प्लगइन रिपॉजिटरी से स्क्रीनशॉट, दिसंबर 2022

वर्डप्रेस पर क्रिएट ब्लॉक थीम प्लगइन सेट करना

सबसे पहले, आप उस वर्डप्रेस ब्लॉक थीम को स्थापित और सक्रिय करना चाहेंगे जिसके लिए आप अपनी नई थीम या चाइल्ड थीम बनाना चाहते हैं – इस मामले में, मैं ट्वेंटी ट्वेंटी का उपयोग कर रहा हूं।

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

अगला, निम्नलिखित कदम उठाएं:

के लिए जाओ प्लग-इन > नया जोड़ो.

खोज विंडो में, “ब्लॉक थीम बनाएं” ढूंढें।

क्लिक स्थापित करें और सक्रिय करें.

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

प्लगइन स्थापित होने के साथ, आपके पास कुछ नए विकल्प होंगे दिखावट, समेत ब्लॉक थीम बनाएं तथा थीम फोंट प्रबंधित करें.

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

एक वर्डप्रेस चाइल्ड थीम बनाना

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

एक बार प्लगइन इंस्टॉल हो जाने के बाद, आप चाइल्ड थीम बनाने के लिए तैयार हैं:

  • नीचे दिखावटचुनते हैं ब्लॉक थीम बनाएं.
  • अगला चयन करें बाईस-बाईस का बच्चा पैदा करें (यदि आपने एक अलग विषय का चयन किया है, तो यह उस विषय को सूचीबद्ध करेगा)।
  • दाईं ओर, थीम का नाम, थीम विवरण, थीम यूआरआई, लेखक और लेखक यूआरआई भरें।
  • नीले रंग पर क्लिक करें बनाना चाइल्ड थीम बनाने के लिए बटन।
 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

आपकी चाइल्ड थीम को ज़िप फ़ाइल के रूप में निर्यात किया जाएगा।

 जनरेटेड चाइल्ड थीम फ़ाइल का स्क्रीनशॉट, दिसंबर 2022

नीचे दिखावट > विषयोंक्लिक करें थीम जोड़ें तथा थीम अपलोड करें, और उत्पन्न की गई ज़िप फ़ाइल का चयन करें।

थीम्स पर जाएं और सुनिश्चित करें कि आप अपनी नई चाइल्ड थीम देखते हैं।

वर्डप्रेस चाइल्ड थीम के लिए कस्टम इमेज बनाना

प्लगइन की एक कमी यह है कि यह आपको जोड़ने की अनुमति नहीं देता है आपकी चाइल्ड थीम के लिए Screenshot.pngन ही यह मूल विषयवस्तु के साथ प्रदान किए गए विषय का उपयोग करता है।

इसे आसानी से ठीक किया जा सकता है और आपकी चाइल्ड थीम के लिए एक अच्छा कस्टम स्पर्श प्रदान करता है।

अपने पसंदीदा छवि संपादक का उपयोग करके, एक नई छवि बनाएं जिसका आकार 1200px गुणा 900px हो, और इसे Screenshot.png नाम दें।

आपके द्वारा बनाए गए चाइल्ड थीम के फोल्डर के अंदर नया Screenshot.png रखें।

 वर्डप्रेस चाइल्ड थीम, दिसंबर 2022 के लिए थीम फ़ाइलों का स्क्रीनशॉट

थीम पर वापस नेविगेट करें और आपकी नई छवि आपके चाइल्ड थीम के साथ दिखाई देनी चाहिए।

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

अब जब आपकी ब्लॉक थीम पर चाइल्ड थीम सेट हो गई है, तो इसमें बदलाव किए जा सकते हैं विषय.json और Style.css टेम्प्लेट फ़ाइलें बिना पैरेंट थीम फ़ाइलों को ओवरराइड किए।

इस तरह, पैरेंट थीम को बिना किसी समस्या के अपडेट किया जा सकता है।

पैरेंट थीम की नई स्थापनाओं के लिए चाइल्ड थीम के रूप में उपयोग करने के लिए आप छवि जैसे परिवर्तनों के साथ नई चाइल्ड थीम को निर्यात भी कर सकते हैं।

वर्डप्रेस पर एक कस्टम ब्लॉक थीम बनाना

ब्लॉक थीम प्लगइन बनाएँ अपनी खुद की थीम बनाने के लिए कई विकल्प प्रदान करता है। आप वर्तमान थीम को क्लोन कर सकते हैं और टेम्पलेट के रूप में उसका उपयोग करके अपने स्वयं के कस्टम परिवर्तन कर सकते हैं।

एक बार जब आप परिवर्तन कर लेते हैं और उनसे खुश हो जाते हैं, तो आप अन्य वेबसाइटों पर अपनी नई थीम का उपयोग करने के लिए किए गए सभी परिवर्तनों के साथ थीम को निर्यात करने के लिए प्लगइन का उपयोग कर सकते हैं।

इसके अतिरिक्त, आप एक पूरी तरह से रिक्त नई थीम बना सकते हैं जो वर्तमान थीम को बॉयलरप्लेट के रूप में उपयोग करती है। यह कुछ ऐसा बनाने का एक शानदार तरीका है जो पूरी तरह से कस्टम है।

पूरी तरह से नई थीम बनाने के लिए, निम्नलिखित कदम उठाएं:

नीचे ब्लॉक थीम बनाएंचुनें रिक्त विषय बनाएँ.

दाईं ओर सभी जानकारी भरें, इसे नाम दें और निर्माता के रूप में अपना नाम जोड़ें और हिट करें बनाना.

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

आपकी नई थीम को ज़िप फ़ाइल के रूप में डाउनलोड किया जाएगा।

नीचे दिखावट > विषयोंआप अपनी नई थीम अपलोड और सक्रिय कर सकते हैं।

यदि आप स्क्रीनशॉट.png के लिए एक कस्टम छवि जोड़ना चाहते हैं, तो चाइल्ड थीम के समान कदम उठाएं।

नई थीम को सक्रिय करें और उसे अपनी नई थीम के शुरुआती बिंदु के रूप में उपयोग करें।

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

अपने वांछित रूप में अपनी नई थीम बनाने के लिए पैटर्न, ब्लॉक, टेम्पलेट भागों और शैलियों संपादक का उपयोग करें।

एक बार जब आप अपनी नई थीम पर काम पूरा कर लें, तो वापस लौट आएं दिखावट > ब्लॉक थीम बनाएं और नई थीम निर्यात करें, जिसमें आपके द्वारा किए गए सभी परिवर्तन शामिल हैं।

यह एक ज़िप फ़ाइल के रूप में निर्यात करेगा और किसी भी नए वर्डप्रेस इंस्टॉलेशन पर अपलोड किया जा सकता है।

वर्डप्रेस थीम फ़ॉन्ट्स का प्रबंधन

की एक और बड़ी विशेषता है ब्लॉक थीम प्लगइन बनाएँ थीम के लिए आसानी से फोंट जोड़ने और हटाने में सक्षम हो रहा है।

आमतौर पर, किसी थीम में नए फोंट जोड़ने के लिए, फोंट को डाउनलोड करने, फोंट फ़ोल्डर में जोड़ने और functions.php में कतारबद्ध फ़ाइल, या ए गूगल लिंक कोड में जोड़ना होगा।

कई फोंट जोड़ने से प्रक्रिया और भी जटिल हो सकती है।

प्लगइन के साथ, गूगल फोंट तथा स्थानीय फोंट आपके कंप्यूटर से आपकी कस्टम थीम या आपके द्वारा स्थापित और सक्रिय की गई थीम से आसानी से जोड़ा या हटाया जा सकता है।

Google फोंट के लिए, क्लिक करें Google फ़ॉन्ट जोड़ें और ड्रॉपडाउन विंडो आपको उपलब्ध Google फोंट की एक सूची देगी।

फ़ॉन्ट का चयन करें, चेकबॉक्स को चेक करें और अपनी थीम में Google फ़ॉन्ट जोड़ने के लिए बटन पर क्लिक करें।

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022
 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

आपके द्वारा डाउनलोड किया गया स्थानीय फ़ॉन्ट जोड़ना एक समान प्रक्रिया है।

करने के लिए क्लिक करे स्थानीय फ़ॉन्ट जोड़ेंफ़ॉन्ट फ़ाइल अपलोड करें, फ़ॉन्ट का नाम, शैली और वजन भरें, और अपनी थीम पर स्थानीय फ़ॉन्ट अपलोड करने के लिए बटन दबाएं।

 वर्डप्रेस डैशबोर्ड से स्क्रीनशॉट, दिसंबर 2022

वर्डप्रेस चाइल्ड थीम्स मेड ईज़ी

साथ पूर्ण साइट संपादन और यह ब्लॉक थीम प्लगइन बनाएँअपनी खुद की थीम और स्टाइल विविधताएं बनाना पहले से कहीं ज्यादा आसान है।

फ़ाइलों को मैन्युअल रूप से कतार में लगाने और कोड बदलने के बजाय प्लगइन का उपयोग करने से चाइल्ड थीम बनाना और नए फोंट जोड़ना एक सरल प्रक्रिया बन जाती है।

पैटर्न्स, शैली विविधताएँतथा पुन: प्रयोज्य ब्लॉक जब प्लगइन के साथ प्रयोग किया जाता है तो अपनी खुद की कस्टम थीम बनाने के बहुत आसान तरीके होते हैं जिन्हें आप निर्यात और फिर से उपयोग कर सकते हैं।

किसी भी थीम कोड को छूने की आवश्यकता के बिना सब कुछ।

और अधिक संसाधनों:


विशेष रुप से प्रदर्शित चित्र: कास्पर्स ग्रिनवाल्ड्स / शटरस्टॉक

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.