किसी विषय की स्टाइलशीट को समझना कितना महत्वपूर्ण है?


19

मैंने इसके उत्तर की तलाश में नेट को फँसा दिया है, लेकिन किसी कारण से मैं सभी वास्तविक उदाहरण पा सकता हूं, लेकिन उस विशेष विवरण के बिना, जो लिपियों के मामले में स्पष्ट है। क्या कोई मुझे समझा सकता है कि किसी विषय को विकसित करने के दौरान शैलियों को ध्यान में रखना महत्वपूर्ण / लाभप्रद क्यों है, न कि केवल शीर्ष लेख का उपयोग करके <link rel=stylesheet>

इसके अलावा, थीम की डिफॉल्ट स्टाइलशीट के बारे में क्या कहा जाना चाहिए?


यह विषय समीक्षा आवश्यकताओं द्वारा प्रोत्साहित किया जाता है। codex.wordpress.org/… हालांकि वैकल्पिक रूप से आप सिर्फ हेडर में मुख्य स्टाइलशीट को rel = लिंक कर सकते हैं
helgatheviking

1
डिफ़ॉल्ट स्टाइलशीट (यानी: style.css अपने रूट की डायरेक्टरी के मूल में) स्वचालित रूप से लोड की जाती है, इसलिए इसे संलग्न करने की आवश्यकता नहीं है। यदि आपकी थीम के लिए आपका सभी CSS उस स्टाइलशीट में समाहित है (या यदि आप सीएसएस को लोड करने के लिए उस स्टाइलशीट में 'आयात' नियमों का उपयोग करते हैं), तो आगे की गणना की आवश्यकता नहीं है। हालांकि, बाल विषयों के भीतर अधिक लचीलेपन के लिए, यह सशर्त रूप से अतिरिक्त सीएसएस को लाभप्रद बनाने के लिए फायदेमंद हो सकता है जिसे किसी भी बाल विषय द्वारा छोड़ा जा सकता है, जैसा कि @kaiser दिखाता है।
टॉम ऑलर

जवाबों:


17

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

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


17

@ M0r7if3r द्वारा अन्य उत्तर के अतिरिक्त:

current_theme_supports()यदि विषय का समर्थन है तो आप केवल मूल थीम स्टाइलशीट लोड करने के लिए उपयोग कर सकते हैं ।

function add_supported_stylesheets()
{
    if ( current_theme_supports( 'parent-stylesheet' ) )
        wp_enqueue_style( 'main', get_stylesheet_directory_uri().'/style.css', array(), filemtime( get_stylesheet_directory().'/style.css' );
}

// In your parent themes bootstrap in the functions.php file
// Add the theme support:
add_theme_support( 'parent-stylesheet' );
// Then add the stylesheet:
add_action( 'after_setup_theme', 'add_supported_stylesheets', 20 );

ध्यान दें, कि यह फ़ंक्शन filemtimeसंस्करण-nr पर जोड़ता है । यदि फ़ाइलों की सामग्री को बदल दिया गया तो ब्राउज़र कैशिंग को रोकने के लिए।

यह आपके उपयोगकर्ताओं को एक साधारण सिंगल fn कॉल के साथ चाइल्ड थीम बूटस्ट्रैप में स्टाइलशीट को निष्क्रिय करने की अनुमति देगा:

remove_theme_support( 'parent-stylesheet' );
// ...or...
add_theme_support( 'parent-stylesheet' );

3

बाधक बनने का एक अन्य कारण यह है कि यह प्लगइन्स को शैलियों के साथ काम करने देता है। उदाहरण के लिए, बेहतर वर्डप्रेस Minify स्वचालित रूप से CSS फाइलों को समाप्‍त कर देगा, और WP-LESS आपकी LESS फाइलों को संकलित करेगा और उन्‍हें उड़ने पर कैश करेगा। वे दोनों शैलियों की कतार में हुक करके और वहां रखी फ़ाइलों को संसाधित करके ऐसा करते हैं।

ऐसे विशिष्ट कारण हो सकते हैं कि आपको कुछ शैलियों को इस तरह की चीजों से बाहर करने की आवश्यकता है, लेकिन आम तौर पर अपनी शैलियों को ऐसी उपयोगी कार्यक्षमता के लिए उपलब्ध करना अच्छा होता है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.