Wordpress & Full Site Editing: How To Create A Child Theme & Block Theme
आपको वर्डप्रेस के लिए चाइल्ड थीम का उपयोग कब करना चाहिए? ए बनाना जरूरी है बाल विषय यदि आप कोड में कोई कस्टम परिवर्तन करने की योजना बना रहे हैं।
इस तरह, जब थीम अपडेट की जाती है, तो कोड में किए गए किसी भी कस्टम परिवर्तन को अधिलेखित नहीं किया जाएगा।
परंपरागत रूप से, वर्डप्रेस के साथ काम करते समय, इसके लिए चाइल्ड थीम बनाने के लिए functions.php और style.css की कॉपी बनाने और चाइल्ड थीम को पेरेंट थीम के साथ जोड़ने की आवश्यकता होती है।
में विभिन्न फ़ाइल संरचना के साथ पूर्ण साइट संपादनसभी उपयुक्त फ़ाइलों को खोजने के लिए कुछ समायोजन करने की आवश्यकता है।
सौभाग्य से, के निर्माण के साथ ब्लॉक थीम प्लगइन बनाएँ WordPress.org द्वारा, न केवल चाइल्ड थीम बल्कि पूरी तरह से कस्टम थीम या स्टाइल वेरिएशन बनाना पहले से कहीं ज्यादा आसान है।
वर्डप्रेस पर क्रिएट ब्लॉक थीम प्लगइन सेट करना
सबसे पहले, आप उस वर्डप्रेस ब्लॉक थीम को स्थापित और सक्रिय करना चाहेंगे जिसके लिए आप अपनी नई थीम या चाइल्ड थीम बनाना चाहते हैं – इस मामले में, मैं ट्वेंटी ट्वेंटी का उपयोग कर रहा हूं।
अगला, निम्नलिखित कदम उठाएं:
के लिए जाओ प्लग-इन > नया जोड़ो.
खोज विंडो में, “ब्लॉक थीम बनाएं” ढूंढें।
क्लिक स्थापित करें और सक्रिय करें.
प्लगइन स्थापित होने के साथ, आपके पास कुछ नए विकल्प होंगे दिखावट, समेत ब्लॉक थीम बनाएं तथा थीम फोंट प्रबंधित करें.
एक वर्डप्रेस चाइल्ड थीम बनाना
क्रिएट ब्लॉक थीम प्लगइन ब्लॉक के लिए चाइल्ड थीम बनाने का एक बेहद आसान तरीका है, जिसमें फुल साइट एडिटिंग थीम भी शामिल है। प्लगइन स्वचालित रूप से भागों फ़ोल्डर, टेम्प्लेट फ़ोल्डर, थीम.जेसन और स्टाइल.सीएसएस बनाएगा।
एक बार प्लगइन इंस्टॉल हो जाने के बाद, आप चाइल्ड थीम बनाने के लिए तैयार हैं:
- नीचे दिखावटचुनते हैं ब्लॉक थीम बनाएं.
- अगला चयन करें बाईस-बाईस का बच्चा पैदा करें (यदि आपने एक अलग विषय का चयन किया है, तो यह उस विषय को सूचीबद्ध करेगा)।
- दाईं ओर, थीम का नाम, थीम विवरण, थीम यूआरआई, लेखक और लेखक यूआरआई भरें।
- नीले रंग पर क्लिक करें बनाना चाइल्ड थीम बनाने के लिए बटन।
आपकी चाइल्ड थीम को ज़िप फ़ाइल के रूप में निर्यात किया जाएगा।
नीचे दिखावट > विषयोंक्लिक करें थीम जोड़ें तथा थीम अपलोड करें, और उत्पन्न की गई ज़िप फ़ाइल का चयन करें।
थीम्स पर जाएं और सुनिश्चित करें कि आप अपनी नई चाइल्ड थीम देखते हैं।
वर्डप्रेस चाइल्ड थीम के लिए कस्टम इमेज बनाना
प्लगइन की एक कमी यह है कि यह आपको जोड़ने की अनुमति नहीं देता है आपकी चाइल्ड थीम के लिए Screenshot.pngन ही यह मूल विषयवस्तु के साथ प्रदान किए गए विषय का उपयोग करता है।
इसे आसानी से ठीक किया जा सकता है और आपकी चाइल्ड थीम के लिए एक अच्छा कस्टम स्पर्श प्रदान करता है।
अपने पसंदीदा छवि संपादक का उपयोग करके, एक नई छवि बनाएं जिसका आकार 1200px गुणा 900px हो, और इसे Screenshot.png नाम दें।
आपके द्वारा बनाए गए चाइल्ड थीम के फोल्डर के अंदर नया Screenshot.png रखें।
थीम पर वापस नेविगेट करें और आपकी नई छवि आपके चाइल्ड थीम के साथ दिखाई देनी चाहिए।
अब जब आपकी ब्लॉक थीम पर चाइल्ड थीम सेट हो गई है, तो इसमें बदलाव किए जा सकते हैं विषय.json और Style.css टेम्प्लेट फ़ाइलें बिना पैरेंट थीम फ़ाइलों को ओवरराइड किए।
इस तरह, पैरेंट थीम को बिना किसी समस्या के अपडेट किया जा सकता है।
पैरेंट थीम की नई स्थापनाओं के लिए चाइल्ड थीम के रूप में उपयोग करने के लिए आप छवि जैसे परिवर्तनों के साथ नई चाइल्ड थीम को निर्यात भी कर सकते हैं।
वर्डप्रेस पर एक कस्टम ब्लॉक थीम बनाना
ब्लॉक थीम प्लगइन बनाएँ अपनी खुद की थीम बनाने के लिए कई विकल्प प्रदान करता है। आप वर्तमान थीम को क्लोन कर सकते हैं और टेम्पलेट के रूप में उसका उपयोग करके अपने स्वयं के कस्टम परिवर्तन कर सकते हैं।
एक बार जब आप परिवर्तन कर लेते हैं और उनसे खुश हो जाते हैं, तो आप अन्य वेबसाइटों पर अपनी नई थीम का उपयोग करने के लिए किए गए सभी परिवर्तनों के साथ थीम को निर्यात करने के लिए प्लगइन का उपयोग कर सकते हैं।
इसके अतिरिक्त, आप एक पूरी तरह से रिक्त नई थीम बना सकते हैं जो वर्तमान थीम को बॉयलरप्लेट के रूप में उपयोग करती है। यह कुछ ऐसा बनाने का एक शानदार तरीका है जो पूरी तरह से कस्टम है।
पूरी तरह से नई थीम बनाने के लिए, निम्नलिखित कदम उठाएं:
नीचे ब्लॉक थीम बनाएंचुनें रिक्त विषय बनाएँ.
दाईं ओर सभी जानकारी भरें, इसे नाम दें और निर्माता के रूप में अपना नाम जोड़ें और हिट करें बनाना.
आपकी नई थीम को ज़िप फ़ाइल के रूप में डाउनलोड किया जाएगा।
नीचे दिखावट > विषयोंआप अपनी नई थीम अपलोड और सक्रिय कर सकते हैं।
यदि आप स्क्रीनशॉट.png के लिए एक कस्टम छवि जोड़ना चाहते हैं, तो चाइल्ड थीम के समान कदम उठाएं।
नई थीम को सक्रिय करें और उसे अपनी नई थीम के शुरुआती बिंदु के रूप में उपयोग करें।
अपने वांछित रूप में अपनी नई थीम बनाने के लिए पैटर्न, ब्लॉक, टेम्पलेट भागों और शैलियों संपादक का उपयोग करें।
एक बार जब आप अपनी नई थीम पर काम पूरा कर लें, तो वापस लौट आएं दिखावट > ब्लॉक थीम बनाएं और नई थीम निर्यात करें, जिसमें आपके द्वारा किए गए सभी परिवर्तन शामिल हैं।
यह एक ज़िप फ़ाइल के रूप में निर्यात करेगा और किसी भी नए वर्डप्रेस इंस्टॉलेशन पर अपलोड किया जा सकता है।
वर्डप्रेस थीम फ़ॉन्ट्स का प्रबंधन
की एक और बड़ी विशेषता है ब्लॉक थीम प्लगइन बनाएँ थीम के लिए आसानी से फोंट जोड़ने और हटाने में सक्षम हो रहा है।
आमतौर पर, किसी थीम में नए फोंट जोड़ने के लिए, फोंट को डाउनलोड करने, फोंट फ़ोल्डर में जोड़ने और functions.php में कतारबद्ध फ़ाइल, या ए गूगल लिंक कोड में जोड़ना होगा।
कई फोंट जोड़ने से प्रक्रिया और भी जटिल हो सकती है।
प्लगइन के साथ, गूगल फोंट तथा स्थानीय फोंट आपके कंप्यूटर से आपकी कस्टम थीम या आपके द्वारा स्थापित और सक्रिय की गई थीम से आसानी से जोड़ा या हटाया जा सकता है।
Google फोंट के लिए, क्लिक करें Google फ़ॉन्ट जोड़ें और ड्रॉपडाउन विंडो आपको उपलब्ध Google फोंट की एक सूची देगी।
फ़ॉन्ट का चयन करें, चेकबॉक्स को चेक करें और अपनी थीम में Google फ़ॉन्ट जोड़ने के लिए बटन पर क्लिक करें।
आपके द्वारा डाउनलोड किया गया स्थानीय फ़ॉन्ट जोड़ना एक समान प्रक्रिया है।
करने के लिए क्लिक करे स्थानीय फ़ॉन्ट जोड़ेंफ़ॉन्ट फ़ाइल अपलोड करें, फ़ॉन्ट का नाम, शैली और वजन भरें, और अपनी थीम पर स्थानीय फ़ॉन्ट अपलोड करने के लिए बटन दबाएं।
वर्डप्रेस चाइल्ड थीम्स मेड ईज़ी
साथ पूर्ण साइट संपादन और यह ब्लॉक थीम प्लगइन बनाएँअपनी खुद की थीम और स्टाइल विविधताएं बनाना पहले से कहीं ज्यादा आसान है।
फ़ाइलों को मैन्युअल रूप से कतार में लगाने और कोड बदलने के बजाय प्लगइन का उपयोग करने से चाइल्ड थीम बनाना और नए फोंट जोड़ना एक सरल प्रक्रिया बन जाती है।
पैटर्न्स, शैली विविधताएँतथा पुन: प्रयोज्य ब्लॉक जब प्लगइन के साथ प्रयोग किया जाता है तो अपनी खुद की कस्टम थीम बनाने के बहुत आसान तरीके होते हैं जिन्हें आप निर्यात और फिर से उपयोग कर सकते हैं।
किसी भी थीम कोड को छूने की आवश्यकता के बिना सब कुछ।
और अधिक संसाधनों:
विशेष रुप से प्रदर्शित चित्र: कास्पर्स ग्रिनवाल्ड्स / शटरस्टॉक
window.addEventListener( 'load', function() { setTimeout(function(){ striggerEvent( 'load2' ); }, 2000); });
window.addEventListener( 'load2', function() {
if( sopp != 'yes' && addtl_consent != '1~' && !ss_u ){
!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js');
if( typeof sopp !== "undefined" && sopp === 'yes' ){ fbq('dataProcessingOptions', ['LDU'], 1, 1000); }else{ fbq('dataProcessingOptions', []); }
fbq('init', '1321385257908563');
fbq('track', 'PageView');
fbq('trackSingle', '1321385257908563', 'ViewContent', { content_name: 'wordpress-full-site-editing-how-to-create-child-theme-block-theme', content_category: 'cms wp' }); } });