क्या मुझे वास्तव में थीम फ़ाइलों में अपनी थीम के style.css लिंक करने की आवश्यकता है


10

इसलिए मैं CSS के लिए LESS फाइलों की एक श्रृंखला का उपयोग करके एक वर्डप्रेस थीम विकसित कर रहा हूं। ये कोडकिट को एक संयुक्त और मिनीफाइड स्टाइलशीट के उपयोग से संकलित करते हैं जो मैं थीम की स्टाइलिंग के लिए उपयोग करता हूं।

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

क्या कोई इसकी पुष्टि कर सकता है या कारण दे सकता है कि यह एक बुरा विचार क्यों हो सकता है?


1
आपको style.cssअपने थीम फ़ोल्डर की जड़ में थीम इन्फोस के साथ छोड़ देना चाहिए । बस।
JMau

जवाबों:


14

मैं कहूंगा: आपको वास्तविक उत्पादन CSS के लिए उपयोग नहीं करना चाहिएstyle.css

कारण सरल है: न्यूनतम। आप फ़ाइल की सामग्री को पूरी तरह से छोटा नहीं कर सकते, क्योंकि वर्डप्रेस को इसे पढ़ना है। मेरे विषयों में, मैं style.cssकेवल हेडर के लिए उपयोग करता हूं , और मैं एक टिप्पणी जोड़ता हूं, जिसमें स्पष्ट किया गया है कि वास्तविक सीएसएस कहां खोजना है, इसलिए अन्य डेवलपर्स को बहुत लंबा खोज करने की आवश्यकता नहीं है।

उदाहरण:

/*
Theme Name:    My theme name
Version:       2013.08.24
License:       MIT
Text Domain:   t5_theme
Domain Path:  /lang

You will find the real stylesheet in css/default.css.
*/

2
यह अच्छा विचार है।
रविन्द्र कुमार

यह वही है जो मैं भी करता हूं, एक आकर्षण की तरह काम करता है।
डाल्टन

क्या आपको अभी भी WP पढ़ने के लिए config पढ़ने के लिए सामने के छोर पर style.css को एनक्लू करना होगा?
henrywright

3
@henrywright नहीं, यह कभी आवश्यक नहीं था।
fuxia

2

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

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

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


1

हां, वर्डप्रेस थीम style.css"कॉन्फ़िगर" दस्तावेज़ के रूप में उपयोग करता है ।

आप सही भी हैं, जहाँ तक मैं बता सकता हूँ, कि आपको वास्तव style.cssमें इसके "विन्यास" उद्देश्यों की सेवा करने के लिए सामने के छोर पर लोड करने की आवश्यकता नहीं है ।

आप जो कर रहे हैं वह ठीक होना चाहिए। मुझे पूरा यकीन है कि मैंने अन्य विषयों को भी कुछ ऐसा ही करते देखा है लेकिन मैं इसकी कसम नहीं खा सकता। एकमात्र मुद्दा मैं देख सकता हूं कि अगर कुछ प्लगइन गलती से मान style.cssलेते हैं कि थीम में केवल (केवल) स्टाइलशीट है।


1

आप इसे अपने लिए भी जोड़ सकते हैं config.rb(यदि आप कम्पास का उपयोग कर रहे हैं) और कोडकिट स्वचालित रूप style.cssसे थीम रूट में आपकी मिनिफ़ाइस्ड स्टाइलशीट को कॉपी कर देगा ।

require 'fileutils'
on_stylesheet_saved do |file|
  if File.exists?(file) && File.basename(file) == "style.css"
    puts "Moving: #{file}"
    FileUtils.mv(file, File.dirname(file) + "/../" + File.basename(file))
  end
end

मैं इसे हर वर्डप्रेस थीम के साथ उपयोग करता हूं जिसे मैं विकसित करता हूं और यह एक आकर्षण की तरह काम करता है।

सुनिश्चित करें कि आपकी style.scssफ़ाइल में !टिप्पणी प्रारंभिक टिप्पणी के बाद से शुरू होती है या फिर इसे हटा दिया जाएगा:

/*!
  Theme Name: Your Theme

स्रोत: सीएसएस-ट्रिक्स


1
शुरुआत के बाद विस्मयादिबोधक बिंदु जोड़ने के साथ / मेरे लिए यह चाल चली। इसका मतलब है कि मैं कम फ़ाइल -> सीएसएस को संसाधित कर सकता हूं और फिर भी वह प्रारूप रख सकता हूं जो वर्डप्रेस थीम विवरण को पढ़ने की उम्मीद करता है। सबसे आसान चाल मैंने एक लंबे समय में देखी है (एक पात्र सही जगह!) :-)
लार्स कौडल
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.