2015-01-23 9 views
6

मैं यह पता लगाने की कम करें करने के लिए कैसे & js गठबंधन कोशिश कर रहा हूँ के साथ घुरघुराना का उपयोग करें/सीएसएस कोड इस स्थिति को देखते हुए:एक मौजूदा वर्डप्रेस उदाहरण

  • मैं एक विषय खरीदा है, यह विकसित नहीं किया
  • मैं मैं कई प्लगइन का उपयोग कर रहा हूँ। वे उपयोगी होते हैं, लेकिन वे उत्पादन कुछ बहुत बदसूरत कोड

(इनलाइन सीएसएस & जे एस, पूर्ण टिप्पणी के साथ ज्यादातर विकास कोड के बहुत) मैं काफी घुरघुराना के लिए नया हूँ, मैं यह कस्टम के साथ पहले उपयोग किए गए वेब ऐप, लेकिन वर्डप्रेस के साथ कभी नहीं, मुझे आश्चर्य है कि अगर आपकी बहुत सारी PHP स्क्रिप्ट/प्लगिंग होती है जो उनके बदसूरत कोड को इंजेक्ट करती है तो यह मदद कर सकती है।

तो मेरा सवाल यह है कि क्या वर्डप्रेस के साथ काम करने का कोई तरीका है ताकि उपरोक्त मामले में उत्पादन कोड परोसा जा सके? यदि हां, तो कैसे?

+0

विशेष रूप से आप क्या चाहते हैं कि आप के लिए क्या करना है? –

+0

मुझे लगता है कि वह शैलियों और स्क्रिप्ट को गठबंधन, छोटा और संपीड़ित करना चाहता है। यह एससीएसएस या कम और कॉफीस्क्रिप्ट या जावास्क्रिप्ट के लिए आदर्श होगा। – gxela

उत्तर

1

आप एक प्लगइन का उपयोग कर सकते हैं या तो अपनी संपत्ति या मैन्युअल विपंक्ति विपंक्ति, तो श्रेणीबद्ध करने और उन्हें कम करें को घुरघुराना बताओ।

यह लेख आपको दे सकते हैं आप http://css-tricks.com/taking-control-cssjs-wordpress-plugins-load/

+0

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

7

मुझे डर है कि आप जो प्लगइन संशोधित किए बिना खोज रहे हैं उसे हासिल करने का कोई तरीका नहीं है।

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

आम तौर पर, जब एक प्लगइन जावास्क्रिप्ट और/या सीएसएस के गुच्छा को रेखांकित करने पर जोर देता है, तो यह बहुत अच्छी प्लगइन नहीं है। उदाहरण के लिए, मेरी टीम बहुत सारे वर्डप्रेस फ्रंट एंड डेवलपमेंट (कॉन्सटेनेशन, मिनिफिकेशन, फिंगरप्रिंटिंग, स्वचालित उपसर्ग, आदि) के लिए gulp.js (ग्रंट के समान) का उपयोग करती है, और हम इस बारे में बहुत खास हैं कि हम किस प्लगइन का उपयोग करते हैं (यदि कोई भी है) - आपके प्रश्नों के बारे में बिल्कुल सही कारणों में से एक है।

-1

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

https://github.com/thetrickster/FoundationPress-child

https://github.com/vccw-team/vccw

2

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

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

इस तथ्य के अलावा कि आपको बहुत से कस्टम कोडिंग करना होगा, आपके प्लगइन अपडेट करने से आपको बहुत दर्द मिलेगा।

स्केलेबल और आसान अनुवर्ती योजना से चिपकने के लिए मैं BWP minify plugin का उपयोग करने का सुझाव देता हूं जो आपकी शैलियों और स्क्रिप्ट का ख्याल रखेगा, यह सीडीएन समर्थन प्रदान करता है।

तब आप ग्रंट को कोड गुणवत्ता जांच तंत्र के रूप में उपयोग कर सकते हैं। Uncss एक अप्रयुक्त शैलियों को खोजने में आपकी सहायता करने वाला एक शानदार टूल है। Grunt-usemin भी एक उत्कृष्ट समाधान है।

आखिर में, जैसा कि मैंने देखा है कि आप कमांड लाइन टूल्स पर जाने के इच्छुक हैं, मैं अत्यधिक सुझाव देता हूं कि WP-CLI पर यह एक अद्भुत कमांड लाइन इंटरफ़ेस है।

0

यदि आप अपने जेएस को मॉड्यूल में अलग करने के लिए आवश्यक समय बिताने के इच्छुक हैं, तो grunt-browserify लंबे समय तक आपके लिए अच्छा काम कर सकता है। हालांकि, जैसा कि पहले से उल्लेख किया गया है, इसके लिए आपकी प्लगइन फाइलों से प्रासंगिक कोड निकालने की आवश्यकता होगी।

सीएसएस न्यूनीकरण के लिए, grunt-contrib-cssmin एक लायक होगा। मुझे पसंद है परीक्षण या तैनाती से पहले सीएसएस में सापेक्ष पथ बदलने के लिए प्रतिस्थापित करें (जो कि अगर आप सीधे-से-वर्डप्रेस विकसित नहीं कर रहे हैं तो बढ़ सकता है)।