WordPress बाल थीम्स विकास के लिए एक गाइड

कई कारण हैं जो वर्डप्रेस डेवलपर्स बच्चे के विषयों का उपयोग करना शुरू कर रहे हैं। वे आपको किसी अन्य मौजूदा थीम के शीर्ष पर एक अद्वितीय लेआउट को अनुकूलित करने का अवसर देते हैं। यह उन शुरुआती लोगों के लिए एकदम सही है जो अपने स्वयं के विषयों के निर्माण के साथ खेलना चाहते हैं.

इसके अतिरिक्त कई प्रीमियम डिजाइन समय के साथ नए अपडेट जारी करेंगे। यदि आप कोर थीम फ़ाइलों में बदलाव कर रहे हैं, तो अपडेट करते समय उन्हें अधिलेखित कर दिया जाएगा, लेकिन बच्चे के विषय अलग और बड़े करीने से टक किए गए हैं। इसका मतलब है कि आप मौजूदा प्रीमियम थीम का निर्माण कर सकते हैं और प्रक्रिया में समय की बचत कर सकते हैं.

इस गाइड में मैं वर्डप्रेस चाइल्ड थीम के निर्माण की बुनियादी अवधारणाओं को पेश करना चाहता हूं और यह इतना अच्छा विचार क्यों है.

शुरू करना

बाल विषय उतने कठिन नहीं हैं जितने वे दिखाई दे सकते हैं। मूल विषय पर काम करने के लाभ का मतलब है कि आपको स्क्रैच से सभी HTML / CSS लिखने की आवश्यकता नहीं है। एक बाल विषय स्वचालित रूप से आपके द्वारा शामिल किसी भी टेम्पलेट फ़ाइलों का उपयोग करेगा, जैसे कि sidebar.php या footer.php. लेकिन अगर वे गायब हैं, तो आपका बच्चा विषय अपने माता-पिता से उन्हीं फाइलों को खींचेगा.

यह कार्यक्षमता पहले से मौजूद टेम्प्लेट को कस्टमाइज़ करने के लिए भारी मात्रा में स्वतंत्रता प्रदान करती है। यह विशेष घटनाओं के लिए आपकी वेबसाइट के आसपास के क्षेत्रों को छूने के लिए भी बहुत अच्छा है, जैसे कि क्रिसमस या नए साल के लिए डिजाइन पैटर्न जोड़ना.

आपकी जरूरी फाइलें

वर्डप्रेस में चाइल्ड थीम सेट करने के लिए आपको केवल एक .css स्टाइलशीट की जरूरत है। आपको एक नई निर्देशिका बनाने की भी आवश्यकता है / Wp- सामग्री / विषयों फ़ोल्डर जो आपके बच्चे की थीम पर आधारित होगा। ध्यान दें कि आप नहीं कर रहे हैं मूल विषय के अंदर इस फ़ोल्डर का निर्माण, लेकिन इसके साथ ही एक ही विषय निर्देशिका में सही है.

डेवलपर्स अक्सर आपकी नई CSS फ़ाइल के समान कार्य फ़ोल्डर में एक function.php और स्क्रीनशॉट.png शामिल करेंगे। स्क्रीनशॉट आपके वर्डप्रेस व्यवस्थापक पैनल में प्रदर्शित होता है और फ़ंक्शन विषय फ़ाइल का उपयोग बैकएंड परिवर्तनों के टन के लिए किया जा सकता है.

लेकिन अभी के लिए हमें मुख्य स्टाइलशीट पर ध्यान देना चाहिए। इसे आमतौर पर नाम दिया गया है style.css और मुख्य मेटा जानकारी के साथ एक टिप्पणी हैडर शामिल है। यह महत्वपूर्ण है क्योंकि आपका विषय केवल एक बच्चे के रूप में प्रदर्शित होगा यदि आप माता-पिता की निर्देशिका का नाम शामिल करते हैं। नीचे एक उदाहरण हैडर टिप्पणी है:

 / * थीम नाम: बीस ग्यारह बाल थीम URI: http: //example.com/ विवरण: बीस ग्यारह डिजाइन के लिए बाल विषय लेखक: जेक रोशेल्यू लेखक URI: http: //www.hongkiat.com/blog/ साँचा: twayyeleven संस्करण: 0.1 * / 

के लिए मूल्य टेम्पलेट मूल विषय के साथ निर्देशिका का नाम होना चाहिए। इसके अलावा अन्य सभी टैग मानक वर्डप्रेस थीम से परिचित होने चाहिए.

हालांकि सभी मूल PHP टेम्पलेट का उपयोग किया जाएगा, मूल माता-पिता की शैली नहीं स्वचालित रूप से आयात किया जाए। यदि आप मूल शैलियों से हटकर काम करना चाहते हैं तो आपको इसे अपने बच्चे के स्टाइल के शीर्ष पर शामिल करना होगा। डाक्यूमेंट्स। नीचे WP ट्वेंटी इलेवन थीम सहित एक उदाहरण दिया गया है.

 @import url ("... /twentyeleven/style.css"); 

नई शैलियाँ स्थापित करना

अपनी थीम में सीएसएस नियमों को लागू करना मूल संपादन के समान ही आसान है। यदि आप जानते हैं कि आपको किन तत्वों को लक्षित करने की आवश्यकता है, तो अपने स्वयं के बच्चे के विषय में उन्हीं चयनकर्ताओं का उपयोग करें.

हम लिंक और पैराग्राफ में कुछ वास्तव में आसान बदलाव के साथ डेमो कर सकते हैं। मैंने विभिन्न तत्वों को लक्षित करने के लिए मूल ट्वेंटी इलेवन विषय से कोड का उपयोग किया है। कई बार पुराने डिज़ाइन को ओवरराइड करने के लिए अधिक विशिष्ट चयनकर्ता का उपयोग करना आवश्यक होता है.

 शरीर गद्दी: 0 1.4em;  # पेज मार्जिन: 1.667em ऑटो; अधिकतम-चौड़ाई: 900 पीएक्स;  a color: # 5281df; पाठ-सजावट: कोई नहीं; फ़ॉन्ट-परिवार: कैलिब्री, ताओमा, एरियल, संस-सेरिफ़;  a: फोकस, a: सक्रिय, a: होवर टेक्स्ट-डेकोरेशन: अंडरलाइन;  

इन परिवर्तनों में मैंने संपूर्ण शरीर का आकार कम कर दिया है और किनारों से कुछ गद्दी भी हटा दी है। इन सभी चयनकर्ताओं को मूल .css दस्तावेज़ में सूचीबद्ध पाया जा सकता है। यह उल्लेखनीय है कि मैं सभी एंकर लिंक के लिए कुछ गुणों को भी बदल रहा हूं जिसमें एक अलग फ़ॉन्ट स्टैक और रंग पसंद शामिल है.

महत्वपूर्ण बातें

सीएसएस में अन्य शैलियों के ऊपर प्राथमिकता को चिह्नित करने के लिए एक विशेष घोषणा है। सिंटैक्स के रूप में प्रदर्शित किया जाता है !जरूरी विस्मयादिबोधक चिह्न के साथ शुरुआत और अपनी सीएसएस संपत्ति के अंत में समाप्त करना। यह आवश्यक है यदि आप एक मूल विषय से शैलियों को कैसकेडिंग करते हैं जो आपके स्वयं के कस्टम नियमों से आगे निकल रहे हैं.

 a color: # 5281df; महत्वपूर्ण; पाठ-सजावट: कोई नहीं; फ़ॉन्ट-परिवार: कैलिब्री, ताओमा, एरियल, संस-सेरिफ़;  

ऊपर मैंने अपने मूल परिवर्तनों को कॉपी किया है और एक महत्वपूर्ण क्लॉज के साथ एंकर टेक्स्ट रंग को संपादित किया है। यह एक ही चयनकर्ता गहराई के अन्य सभी शैलियों पर वरीयता लेगा। अधिक परिभाषित तत्व (जैसे कि # अतिरिक्त ली: हॉवर> ए) आमतौर पर जब तक अपनी खुद की शैली पकड़ लेंगे रंग अभी भी हमारे मूल चयनकर्ता से विरासत में मिला था। इस मामले में हमारे मूल विषय लंगर लिंक पर एक फ़ॉन्ट-परिवार की संपत्ति सेट नहीं करते हैं, इसलिए जैसे हम किसी भी विरासत के मुद्दों में नहीं चलते हैं.

यदि आपको अपने परिवर्तनों को छड़ी करने में परेशानी हो रही है, तो अपने संपत्ति विवरण के अंत में इनमें से किसी एक महत्वपूर्ण अंक को पॉप करने का प्रयास करें। यह प्रत्येक वंशानुक्रम समस्या के लिए एक सही समाधान नहीं है, लेकिन यह आपके विचार से बहुत अधिक बार काम में आता है.

क्लोनिंग कार्य। एफपी

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

एक उदाहरण के रूप में मैंने एक फ़ंक्शन बनाया है जो टेम्पलेट शुरू होने पर कुछ जावास्क्रिप्ट फ़ाइलों को पार्स करता है। यह jQuery और SWFObject स्क्रिप्ट के किसी भी पुराने संस्करण को हटा देगा, जबकि साथ में सबसे हाल के संस्करणों को जोड़ देगा wp_head क्षेत्र.

 / / लोड फ़ंक्शन mytheme_js () if (is_admin ()) वापसी के लिए // कतार जेएस फाइलें; wp_deregister_script ( 'jQuery'); wp_register_script ('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); wp_enqueue_script ( 'jQuery'); wp_deregister_script ( 'swfObject'); wp_register_script ('swfobject', 'http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js'); wp_enqueue_script ( 'swfObject');  add_action ('init', mytheme_js); 

मुझे यह इंगित करना चाहिए कि यदि आप मूल फ़ंक्शन से कोड आयात कर रहे हैं। तो आपको एक अलग फ़ंक्शन नाम का उपयोग करना होगा। अन्यथा PHP एक घातक त्रुटि देगा और आपको गलती को ठीक करने के लिए सर्वर में एफ़टीपी करना होगा.

थीम फाइलों के साथ काम करना

थीमिंग की सबसे व्यापक श्रेणी कस्टम लेआउट और पेज प्रकार का निर्माण कर रही है। डिफ़ॉल्ट रूप से आपका चाइल्ड थीम अपने माता-पिता की सभी थीम फ़ाइलों को इनहेरिट करेगा। लेकिन आपके पास नई चाइल्ड थीम फाइल बनाने का विकल्प है और WP इन्हें 'प्राथमिक' टेम्पलेट के रूप में पंजीकृत करेगा.

उदाहरण के लिए archive.php तथा index.php क्रमशः पोस्ट अभिलेखागार और मुखपृष्ठ स्क्रीन प्रदर्शित करने के लिए उपयोग किया जाता है। यदि ऐसे परिवर्तन हैं जिन्हें आप HTML में संपादित करना चाहते हैं, तो आप माता-पिता की फ़ाइलों को क्लोन करना और उन्हें बच्चे की रिपोर्ट निर्देशिका में संपादित करना अधिक सुरक्षित रखेंगे.

कस्टम पेज टेम्पलेट

जब हम टेम्पलेट फ़ाइलों के बारे में बात कर रहे हैं, तो मैं वर्डप्रेस कार्यक्षमता का एक टुकड़ा भी प्रस्तुत करना चाहता हूं, जो बहुत से परिचित नहीं हैं। आप पृष्ठ और पोस्ट टेम्पलेट बना सकते हैं जो नई सामग्री बनाते समय व्यवस्थापक पैनल से चयन करने योग्य होंगे। यहां तक ​​कि अगर मूल विषय में नई कस्टम टेम्पलेट फ़ाइल नहीं है, तब भी वर्डप्रेस एक के स्थान पर बच्चे का उपयोग करेगा page.php या single.php.

सबसे पहले पेज-Offer.php नाम से एक नई फाइल बनाएं। यह एक होगा “विशेष पेशकश” प्रचारक पृष्ठ जो अन्य सभी की तुलना में अलग-अलग थीम पर आधारित है। यहां आप अपने मूल पृष्ठ कोड की प्रतिलिपि बना सकते हैं या यहां तक ​​कि पूरी तरह से खरोंच से विषय का निर्माण कर सकते हैं। वर्डप्रेस को इस नए टेम्प्लेट के बारे में बताने के लिए एकमात्र कोड PHP में एक टिप्पणी सेटअप है.

इस पद्धति का एक अन्य विकल्प विशिष्ट आईडी नंबर के नाम पर कस्टम पेज बना रहा है। इसलिए डिफ़ॉल्ट को लोड करने के बजाय archive.php लेखक पृष्ठों के लिए आप एक फ़ाइल बना सकते हैं जैसे कि लेखक-ID.php जहाँ ID उपयोगकर्ता का अद्वितीय WordPress ID नंबर है। हालाँकि यह प्रणाली अधिक कर योग्य है क्योंकि आपको अपनी साइट पर प्रत्येक लेखक के लिए एक नई टेम्पलेट फ़ाइल बनाने की आवश्यकता होगी.

यह अधिक उपयोगी हो जाता है यदि आप इन दो तकनीकों को अन्य टेम्पलेट फ़ाइलों के साथ जोड़ सकते हैं। विशेष रूप से श्रेणियां और टैग अपनी स्वयं की थीम फ़ाइलों का उपयोग करके अच्छी तरह से काम करते हैं। इसके अलावा, यदि आप अपनी सामग्री में अटैचमेंट से लिंक करते हैं तो आप प्रत्येक माइम प्रकार के लिए विभिन्न संभावित टेम्पलेट लेआउट पर विचार करना चाहेंगे। मैंने एक साधारण जेपीईजी इमेज अटैचमेंट के लिए नीचे दिए गए टेम्पलेट पदानुक्रम को शामिल किया है:

• image.php
• jpeg.php
• image_jpeg.php
• attachment.php

सहायक वर्डप्रेस उपकरण

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

एक स्पष्ट उल्लेख नवीनतम वर्डप्रेस 3.x संस्करण के लिए निर्मित और परीक्षण किए गए वन-क्लिक चाइल्ड थीम प्लगइन है। यह आपके व्यवस्थापक में एक मेनू लिंक जोड़ता है “विषय-वस्तु” अनुभाग आपके वर्तमान में सक्रिय विषय का उपयोग करके स्वचालित रूप से एक बच्चा बनाने के लिए। यह शानदार है अगर आप एफ़टीपी के साथ गड़बड़ नहीं करना चाहते हैं और कुछ नए विचारों के साथ खेलना चाहते हैं.

यदि आप इन फ़ाइलों को व्यवस्थापक पैनल के भीतर संपादित करने की योजना बनाते हैं, तो आपको हाइलाइट सिंटैक्स हाइलाइटिंग का भी आनंद मिलेगा। यह डिफ़ॉल्ट रूप से वर्डप्रेस में पेश नहीं किया जाता है, लेकिन आप कुछ बेहतर कार्यक्षमता के लिए उन्नत कोड संपादक स्थापित कर सकते हैं। यह PHP कोड ब्लॉक और HTML / CSS के माध्यम से एक पूरे बहुत अधिक प्रबंधनीय बनाता है.

अतिरिक्त संसाधन

इस गाइड में सभी युक्तियों के साथ मैं विषय डेवलपर्स के लिए महत्वपूर्ण लिंक का एक सेट साझा करना चाहता हूं। पहले से ही बहुत सारे शानदार लेख और मुफ्त बाल विषय हैं जो आप इस विषय में गहराई से अध्ययन करने के लिए देख सकते हैं। मैंने नीचे इन संसाधनों का एक अद्भुत संग्रह जोड़ा:

• 8 मुक्त बीस ग्यारह बाल विषय-वस्तु
• वर्डप्रेस ऑनलाइन कोडेक्स »बाल विषय-वस्तु
• हुक और फिल्टर का उपयोग करके वर्डप्रेस चाइल्ड थीम का निर्माण कैसे करें
• बाल विषयों पर कुछ शब्द
• वर्डप्रेस में बाल थीम कैसे बनाएं, संशोधित करें और उसका उपयोग करें

निष्कर्ष

मुझे उम्मीद है कि इस लेख को पढ़ने के बाद वर्डप्रेस बाल विषयों के निर्माण की प्रक्रिया आपके लिए स्पष्ट है। मैंने यह समझाने की कोशिश की है कि किस तरह से बाल विषय माता-पिता से सीएसएस और पीएचपी दोनों टेम्पलेटों को प्राप्त कर सकते हैं। इसके अतिरिक्त विशिष्ट फ़ाइलों में हेरफेर करना और अपनी विशिष्ट थीम बनाने के लिए यह बहुत सरल है.

.