हैम्ल/सास

Question

के साथ वर्डप्रेस कुछ रेल साइड प्रोजेक्ट्स के लिए Haml और Sass का उपयोग करने के बाद, मैंने पाया है कि वे मेरे सामने के विकास को तेज कर देते हैं। हालांकि, मुझे एक रेल ब्लॉगिंग प्लेटफार्म नहीं मिला है जो कि वर्डप्रेस के रूप में ग्राहकों के लिए मजबूत या परिचित है, इसलिए यह अभी भी आम तौर पर उन परियोजनाओं के लिए जाना जाता है जिनके लिए मूल सीएमएस/ब्लॉगिंग कार्यक्षमता वाली एक हल्की वेबसाइट की आवश्यकता होती है। (मैंने रेडियंट, मेफीस्टो इत्यादि में देखा है, और जब मैं निश्चित रूप से रेल ब्लॉग इंजन के सुझावों की सराहना करता हूं, तो वास्तव में यह सवाल नहीं है कि मैं यहां जवाब देना चाहता हूं।)

मैं वास्तव में सक्षम होना चाहता हूं एक वर्डप्रेस साइट के संदर्भ में हैमल और सास का उपयोग करें, और जब मैं various PHP implementations के अस्तित्व से अवगत हूं, तो अधिकांश निष्क्रिय या छोटी लगती हैं। क्या किसी ने यहां वर्डप्रेस साइटों के साथ हैमल और सास का उपयोग करके सफलता प्राप्त की है? मैं यह दोनों वर्डप्रेस टेम्पलेट फाइलों (.php फ़ाइलों को जो वर्डप्रेस थीम को पावर करता है) और वर्डप्रेस एडिटर के एचटीएमएल एडिटिंग मोड में संदर्भित कर रहा हूं, हालांकि बाद वाला बहुत कम महत्वपूर्ण है।

नोट: मुझे पता है कि मैं उचित रूबी रत्न स्थापित कर सकता हूं और हैम/सास स्रोत से अपना स्वयं का HTML/CSS संकलित कर सकता हूं; मैं जो खोज रहा हूं वह रेलवे में उपयोग की जाने वाली कार्यक्षमता के आधार पर कुछ और है, जहां संकलित एचटीएमएल/सीएसएस प्रति-अनुरोध के आधार पर स्वत: उत्पन्न होता है (कैशिंग व्यवहार भी अच्छा होगा, लेकिन निश्चित रूप से आवश्यक नहीं है)।

अग्रिम धन्यवाद!

Answer 1

मैं अनुकूलन की कम मांग वाले साइटों के संबंध में एक ही नाव में हूं। मैं हैम और सास के लिए इतना उपयोग करता हूं कि एचटीएमएल और सीएसएस पर वापस जाने से दर्दनाक लगता है। PHAMLP को कुछ अच्छी समीक्षा मिली है, खासकर क्योंकि यह सास का समर्थन करती है: (http://code.google.com/p/phamlp/)। फिर भी, असली चीज़ के लिए कोई विकल्प नहीं है।

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

Answer 2

हैमल को रनटाइम पर रूबी की आवश्यकता होती है। तो आप वर्डप्रेस टेम्पलेट्स के लिए इसका उपयोग नहीं कर पाएंगे। इस प्रकार, आपको एक PHP कार्यान्वयन पर भरोसा करना है।

सास के लिए, आप ऑटो-संकलन के लिए कंसोल टूल Sass --watch का उपयोग कर सकते हैं। this blog post देखें। इसके अतिरिक्त, Compass App है, जो आपको सुविधाजनक ओएसएक्स ऐप में सभी Compass features देता है।

Answer 3

HAML के लिए अब http://haml-to-php.com है। phamlp बहुत टूटा हुआ है। स्क्रैच से इसे पुनः लिखने के बिना आप इसे काम नहीं कर सकते हैं। Github.com/MarcWeber/phamlp देखें। आखिर में एक सभ्य SASS कार्यान्वयन भी बनाया जाएगा।

Answer 4

यदि आप किनारे से डरते नहीं हैं, तो आप वर्डप्रेस के लिए इस प्लगइन को आजमा सकते हैं: https://github.com/sxua/HAML-SASS-for-Wordpress। जल्द ही गिथब में अधिक जानकारी।

Answer 5

प्रति-अनुरोध के आधार पर सर्वर पर इसे चलाने के रूप में उतना अच्छा नहीं है, लेकिन एफडब्ल्यूआईडब्ल्यू, मैंने अपनी देव मशीन पर अपने हैमल/एसएएस को स्वतः संकलित करने के लिए एक स्क्रिप्ट बनाई ताकि कम से कम मैं आसानी से हैमल/एसएएस का उपयोग कर सकूं मेरे वर्डप्रेस टेम्पलेट्स और सीएसएस जेनरेट करें: https://gist.github.com/1169586 आनंद लें!

Answer 6

आप शायद wordless https://github.com/welaika/wordless

यह बाहर की जाँच करना चाहते हैं एक Wordpress प्लग में उस के साथ कम्पास/एस.ए.एस.एस., CoffeScript, और Haml आता है।http://wordpress.org/extend/plugins/wordpress-sass/

यह PHamlP, का उपयोग करता है अपने सभी मौसा के साथ, लेकिन कम से कम यह सर्वर पर कम्पास की आवश्यकता नहीं है:

Answer 7

यहाँ मैं हाल ही में रिलीज़ एक नया प्लगइन है।

प्लगइन लागू करने के लिए बहुत आसान है और स्वचालित रूप से आपके style.css जब भी style.scss फ़ाइल (या जो भी आप इसे नाम के लिए चुनते हैं) अद्यतन किया जाता है पुन: बनाता है।

और जानकारी: http://blogrescue.com/2011/12/sass-for-wordpress/

एड

Answer 8

मैं Haml, पीएचपी, और एस.ए.एस.एस. वर्डप्रेस विषयों के साथ एक हवा का उपयोग कर बनाने के लिए एक विकास टूलकिट बनाया। यह आपकी जावास्क्रिप्ट को भी संकलित करता है! सब कुछ एक WordPress विषय में एक साथ संकलित समाप्त होता है। जब मैं इस सवाल पर आया, यह मेरा समाधान था। मुझे आशा है कि यह एक बिट में मदद करता है:

https://github.com/zachfeldman/wordpress-haml-sass

Answer 9

मुझे पता है यह एक पुराने धागा है, लेकिन इसलिए दूसरों को भी हो सकता है मैं यहाँ उतरा। ऐसे कई गल्प और गड़बड़ी प्लगइन्स हैं जो ऐसा करेंगे, हालांकि यदि आप ओएसएक्स पर हैं, तो CodeKit सुपर सुविधाजनक है।

और इस SO thread पर लोगों के ऊपर, php फ़ाइलों में हैमल को संकलित करने के सुझावों के बारे में सुझाव दें।