Drupal पर कम उपयोग करना

LESS की अपनी शैली मार्कअप भाषा है जो मानक css की क्षमताओं का विस्तार करती है।
आप परियोजना की आधिकारिक वेबसाइट पर कम के बारे में अधिक पढ़ सकते हैं, इसके उपयोग के अद्भुत उदाहरण हैं।

कम ने पहले से ही कई पुस्तकालयों को लिखा है जिन्होंने काफी लोकप्रियता हासिल की है। उदाहरण के लिए, जैसे ट्विटर बूटस्ट्रैप या सिमेंटिक ग्रिड सिस्टम।

इस भाषा का उपयोग करने और इसे अपने Drupal प्रोजेक्ट्स में लागू करने के लिए, आपको * .less एक्सटेंशन के साथ फाइल को समझने के लिए ब्राउज़र को सिखाना होगा। इसके लिए एक छोटी js फ़ाइल कम है। js, जो कि शैलियों के साथ फाइल के बाद जुड़ी हुई है। (वास्तव में, यह js किसी अज्ञात एक्सटेंशन वाली फ़ाइलों को समझने के लिए ब्राउज़र को "सिखा" नहीं देता है। यह बस एक साधारण सीएसएस फ़ाइल में परिवर्तित हो जाता है) इसके लिए एक बुरा पक्ष है। इससे पेज रेंडरिंग टाइम कम हो जाता है। इसलिए, एक और विकल्प है - सर्वर साइड में कनवर्ट करें, और ब्राउज़र एक नियमित सीएसएस फ़ाइल को स्वीकार करेगा।

अगला, मैं आपको दिखाऊंगा कि सीएमएफ ड्रुपल का उपयोग करते समय सर्वर पर कम रूपांतरण कैसे करें।

पहले आपको निम्नलिखित मॉड्यूल स्थापित करने की आवश्यकता है:
drupal.org/project/libraries
drupal.org/project/less
इसके बाद leafo.net/lessphp लाइब्रेरी डाउनलोड करें और इसे लाइब्रेरी फ़ोल्डर में रखें:
/ आपकी साइट / साइटों / सभी / पुस्तकालयों या / आपकी साइट / साइटों / डोमेन नाम / विशिष्ट साइटों के लिए पुस्तकालय।
परिणामस्वरूप, फ़ाइल 'lessc.inc.php' पर उपलब्ध होनी चाहिए:
'/ आपकी साइट / साइटें / सभी / पुस्तकालय / पट्टियाँ / पट्टिका / पट्टिका' या '/ आपकी साइट / साइट / डोमेन नाम / पुस्तकालय / पट्टियाँ / पट्टिका / पट्टिका / पट्टिका'।
Php लाइब्रेरी स्थापित करने के बाद, पहले डाउनलोड किए गए मॉड्यूल को सक्षम करें।

अब आप अपने विषय की जानकारी फ़ाइल में कम फ़ाइलों को सुरक्षित रूप से जोड़ सकते हैं:
स्टाइलशीट [सभी] [] = कम / सामान्य
जैसा कि आप देख सकते हैं, इस मामले में विकल्पों के लिए मीडिया नियम काम करता है:
सभी - हर जगह लागू होते हैं
स्क्रीन - वेब पेज देखते समय ही आवेदन करें
प्रिंट - केवल प्रिंट संस्करण पर लागू करें।

आइए अब कम में लिखे गए पुस्तकालयों को जोड़ने से निपटें। मैं सिमेंटिक ग्रिड सिस्टम का उपयोग करके इस उदाहरण पर विचार करूंगा:

सबसे पहले, निम्नलिखित फ़ोल्डर संरचना बनाएं:

 विषय फ़ोल्डर
 -less
 --libraries
 --- ग्रिड

ग्रिड फ़ोल्डर में, ग्रिड.लेस फ्रेमवर्क फ़ाइल डालें
और फ़ाइल के कम 2 फ़ोल्डर में:
custom.grid.less (पेज लेआउट ही)

@columns: 12; @column-width: 60; @gutter-width: 20; article { .column(9); } section { .column(3); } 

common.grid.less (पुस्तकालय और उपयोगकर्ता फ़ाइलों को जोड़ना, हम इसे विषय में कनेक्ट करेंगे)

 @import 'libraries/grid/grid.less'; @import '../../custom.grid.less'; 

कृपया ध्यान दें कि कई फ़ाइलों को जोड़ने और रिश्तेदार पथों का उपयोग करते समय, प्रत्येक बाद की फ़ाइल को उसके सामने जुड़ी फ़ाइल के सापेक्ष इंगित किया जाना चाहिए।

कैश साफ़ करने के बाद, हमारी कम फ़ाइल को उठाया जाएगा और css में बदल दिया जाएगा। हर बार जब आप पृष्ठ ताज़ा करते हैं, तो कम संसाधित नहीं किया जाएगा।

कम कैश को रीसेट करने के लिए, व्यवस्थापक / कॉन्फ़िगरेशन / विकास / कम पृष्ठ पर जाएं और "फ्लश लेस फ़ाइलों" बटन पर क्लिक करें। विकसित करते समय, "LESS डेवलपर मोड" चेकबॉक्स उपयोगी होगा - जब सक्षम किया जाता है, तो पृष्ठ ताज़ा होने पर हर बार कम परिवर्तित किया जाएगा।