2011-02-04 14 views
15

के लिए विषय टिप्पणी हैडर छोड़ने कैसे अन्य Wordpress विषय डेवलपर के लिए अपने विषय के विकास में सास को शामिल करते हैं, जबकि इसकी संक्षिप्त आउटपुट शैली का लाभ लेने सास संक्षिप्त आउटपुट का उपयोग? सस संपीड़ित सभी टिप्पणियों को हटा देता है, इसलिए मेरे पास वर्तमान में मेरी थीम घोषणा के साथ एक खाली style.css है और एक @import कंपास से minified css को कॉल कर रहा है, लेकिन यह शायद ही सबसे अच्छा समाधान जैसा लगता है।जबकि Wordpress

क्या किसी को इस के आसपास कोई रास्ता मिला है? यदि नहीं तो सबसे अच्छा समाधान क्या होगा?

http://codex.wordpress.org/Theme_Development#Theme_Stylesheet

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#id40

+0

मैं एक ही विधि का उपयोग करते हैं - Wordpress विषय घोषणा – Alvin

उत्तर

31

सुपर लघु संस्करण: उपयोग /*! loud comments */ और बस पैकेजिंग और वितरण से पहले एससीएसएस संकलन।

दो भाग जवाब है, "पुराने हिस्से" पहली:

मैं सास/एससीएसएस इस्तेमाल किया जब मेरी "ओरिन" विषय के विकास: https://github.com/founddrama/orin

भाग एक:

  • मेरी src/scss में निर्देशिका, मैं अपने सभी _include.scss फ़ाइलों और style.scss फ़ाइल को रखता हूं जिसमें @import कथन हैं।
  • विकास के दौरान, मैं तो बस चलाने के सामान्य sass --watch (हालांकि यह है एक अतिरिक्त कदम style.scss फ़ाइल को बचाने के लिए याद करने के लिए)।
  • एक बार आपके एससीएसएस स्रोत अच्छा और संस्करण नियंत्रण के लिए प्रतिबद्ध दिख रही है, तो आप बस style.css में style.scss निर्माण और जाँच लें कि विषय है कि वितरित हो जाता है के लिए संस्करण नियंत्रण में कर सकते हैं।

मेरे मामले में, "ओरिन" सिर्फ मेरे लिए है, इसलिए जब मैं इसे ब्लॉग सर्वर पर अपडेट करता हूं तो बिल्ड बनाता हूं, लेकिन एससीएसएस संकलन पैकेजिंग/वितरण से पहले आसानी से किया जा सकता है। मैं जिस बिल्ड स्क्रिप्ट का उपयोग कर रहा हूं वह here (उस गीथब रेपो में) है; यह का सार जा रहा है:

  1. touchstyle.css आउटपुट फ़ाइल बनाने के लिए;
  2. लाइसेंस टेक्स्ट लागू करें;
  3. एससीएसएस संकलित करें और इसे style.css पर संलग्न करें।

भाग दो:

अधिक सास के हाल के संस्करणों /*! loud comments */ के लिए समर्थन शामिल; जिसका अर्थ है कि मैं अपने आलसी बट और अद्यतन के लिए रवाना प्राप्त करने की आवश्यकता:

  1. लाइसेंस पाठ और विषय style.scss में वहीं वर्णन जोर टिप्पणियों का उपयोग कर शामिल करें;
  2. एससीएसएस को संकलित करने के लिए बिल्ड/तैनाती स्क्रिप्ट को अपडेट करें।
+1

जोर टिप्पणियाँ काम बारे में चयन है। धन्यवाद। अगर मैं जवाब के रूप में चिह्नित कर सकता हूं। –

+0

क्या यह खनन के साथ काम करता है? –

+1

@NathanArthur - मान लीजिए कि आप सास में बने मिनीफायर के बारे में बात कर रहे हैं, ** हां। ** '/ * का बिंदु! जोरदार टिप्पणी */'यह है कि minifier इसे रखता है, लेकिन सभी _other_ टिप्पणियों को हटा देता है। – founddrama

1

ठीक है, मैं आपको Compass का उपयोग करने का सुझाव दूंगा। टिप्पणी इस तरह दिखना चाहिए:

/*! A loud SASS comment */