वर्डप्रेस ट्वेंटी फिफ्टीन में चाइल्ड थीम के साथ थीम स्टाइल को कैसे कस्टमाइज़ करें?

लिसा सबिन-विल्सन द्वारा

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



उदाहरण के द्वारा बाल विषयों को समझने का सबसे तेज़ तरीका है। यहां, आपको पता चलता है कि एक साधारण चाइल्ड थीम कैसे बनाई जाती है जो पैरेंट थीम की शैली को संशोधित करती है। वर्तमान में, डिफ़ॉल्ट वर्डप्रेस थीम ट्वेंटी फिफ्टीन है।



बीस पंद्रह विषय।बीस पंद्रह विषय।

आपके वर्डप्रेस साइट पर ट्वेंटी फिफ्टीन होने की संभावना है, और ट्वेंटी फिफ्टीन चाइल्ड थीम-रेडी है; इसलिए, यह एक उदाहरण चाइल्ड थीम बनाने के लिए एक बेहतरीन उम्मीदवार है।

चाइल्ड थीम बनाना

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



क्या इबुप्रोफेन आपको सुला देता है

रजिस्टर करने के लिएपच्चीस-बच्चाएक विषय के रूप में निर्देशिका और इसे ट्वेंटी फिफ्टीन थीम का एक बच्चा बनाने के लिए, एक बनाएंस्टाइल.सीएसएसफ़ाइल और उपयुक्त थीम हेडर जोड़ें। ऐसा करने के लिए, अपने पसंदीदा कोड या सादा पाठ संपादक, जैसे नोटपैड (विंडोज) या टेक्स्टमैट (मैक) में निम्न कोड टाइप करें, और फ़ाइल को इस रूप में सहेजेंस्टाइल.सीएसएस:

/* Theme Name: Twenty Fifteen Child Description: My magnificent child theme Author: Lisa Sabin-Wilson Version: 1.0 Template: twentyfifteen */

आमतौर पर, आपको वर्डप्रेस थीम में निम्नलिखित हेडर मिलते हैं:

  • थीम का नाम: थीम यूजर इस नाम को वर्डप्रेस के बैक एंड में देखता है।



  • विवरण: यह हेडर उपयोगकर्ता को विषय के बारे में कोई अतिरिक्त जानकारी प्रदान करता है। वर्तमान में, यह शीर्षलेख केवल थीम प्रबंधित करें पृष्ठ पर दिखाई देता है (उपस्थिति → थीम चुनें)।

  • लेखक: यह हेडर एक या अधिक थीम लेखकों को सूचीबद्ध करता है। वर्तमान में, यह शीर्षलेख केवल थीम प्रबंधित करें पृष्ठ पर दिखाया गया है (उपस्थिति → थीम चुनें)।

    लाल गोल गोली 44 291
  • संस्करण: विषय के पुराने संस्करणों पर नज़र रखने के लिए संस्करण संख्या बहुत उपयोगी है। थीम को संशोधित करते समय संस्करण संख्या को अपडेट करना हमेशा एक अच्छा विचार होता है।

  • खाका: यह हेडर थीम को चाइल्ड थीम में बदल देता है। इस हेडर का मान वर्डप्रेस को मूल विषय का निर्देशिका नाम बताता है। चूंकि आपका उदाहरण चाइल्ड थीम ट्वेंटी फिफ्टीन का उपयोग पैरेंट के रूप में करता है, इसलिए आपकास्टाइल.सीएसएसके मान के साथ एक टेम्पलेट शीर्षलेख होना आवश्यक हैपच्चीस.

अपनी सक्रिय थीम के रूप में नई ट्वेंटी फिफ्टीन चाइल्ड थीम को सक्रिय करें।

फ्लोमैक्स किसके लिए है?
ट्वेंटी फिफ्टीन चाइल्ड थीम जो बिल्कुल सही नहीं लगती है।ट्वेंटी फिफ्टीन चाइल्ड थीम जो बिल्कुल सही नहीं लगती है।

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

पैरेंट थीम की शैली लोड हो रही है

कैस्केडिंग स्टाइल शीट्स (सीएसएस) के बारे में महान चीजों में से एक यह है कि नियम एक दूसरे को कैसे ओवरराइड कर सकते हैं। यदि आप अपने CSS में एक ही नियम को दो बार सूचीबद्ध करते हैं, तो जो नियम सबसे अंत में आता है उसे प्राथमिकता दी जाती है।

उदाहरण के लिए:

a { color: blue; } a { color: red; }

यह उदाहरण अत्यधिक सरल है, लेकिन यह अवधारणा को अच्छी तरह से दिखाता है। पहला नियम कहता है कि सभी लिंक (सेवा मेरेटैग) नीला होना चाहिए, जबकि दूसरा कहता है कि लिंक लाल होना चाहिए। क्योंकि CSS नियम बताते हैं कि अंतिम निर्देश को प्राथमिकता दी जाती है, लिंक लाल होंगे।

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

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

सफेद गोली जीपीआई ए३२५ पर्कोसेट
/* Theme Name: Twenty Fifteen Child Description: My magnificent child theme Author: Lisa Sabin-Wilson Version: 1.0 Template: twentyfifteen */ @import url(‘../twentyfifteen/style.css’);

यहां कई चीजें चल रही हैं, तो आइए इसे टुकड़े-टुकड़े कर दें:

  • @आयात : यह ब्राउज़र को दूसरी स्टाइलशीट लोड करने के लिए कहता है। इसका उपयोग करने से आप पेरेंट स्टाइलशीट को जल्दी और आसानी से खींच सकते हैं।

  • यूआरएल ('...') : यह इंगित करता है कि मान एक स्थान है और सामान्य मान नहीं है।

  • ('../ट्वेंटीफिफ्टीन/स्टाइल.सीएसएस'); : यह पैरेंट स्टाइलशीट का स्थान है। ध्यान दें/पच्चीसनिर्देशिका का नाम। इसे मिलान करने के लिए बदलने की आवश्यकता हैखाका:सीएसएस के शीर्षलेख में मान ताकि उपयुक्त स्टाइलशीट लोड हो जाए।

अपनी साइट को रीफ़्रेश करने के बाद, आप देखते हैं कि चाइल्ड थीम का डिज़ाइन और लेआउट मूल ट्वेंटी फिफ्टीन थीम से मेल खाता है।

पीरियड्स से पहले दर्द करने वाले निपल्स

मूल विषय की शैली को अनुकूलित करना

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

/* Theme Name: Twenty Fifteen Child Description: My magnificent child theme Author: Lisa Sabin-Wilson Version: 1.0 Template: twentyfifteen */ @import url(‘../twentyfifteen/style.css’); h1, h2, h3 { text-transform: uppercase; }

आप देख सकते हैं कि चाइल्ड थीम कैसे लागू होती है, सीएसएस स्टाइल के साथ जोड़ा जाता है - बेहतर हो रहा है, है ना?

अपरकेस हेडिंग के साथ अपडेटेड चाइल्ड थीम।अपरकेस हेडिंग के साथ अपडेटेड चाइल्ड थीम।

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