यदि आप Stable थीम की page.html.twig टेम्पलेट फ़ाइल खोलें:
/core/themes/stable/templates/layout/page.html.twig
तो आप पाएंगे कि यह Drupal 7 की page.tpl.php टेम्पलेट से अलग है, सबसे पहले एक्सटेंशन में और दूसरे, इसमें बहुत सारे कर्ली ब्रेसेज़ {} हैं। इसका कारण यह है कि Drupal अब Twig टेम्पलेट इंजन का उपयोग करता है।
पिछले ट्यूटोरियल्स में, हमने पहले ही अपनी थीम में CSS को जोड़ लिया था। ऐसा करने के लिए, हमने drupalbook.info.yml फ़ाइल में यह निर्दिष्ट किया था:
libraries:
- drupalbook/global-styling
इसके बाद, हमने drupalbook.libraries.yml फ़ाइल बनाई, जहाँ हमने यह निर्दिष्ट किया कि कौन सी CSS फ़ाइलें शामिल करनी हैं:
हम पहले ही देख चुके हैं कि Drupal में Twig बिल्ट-इन आता है और इसे कैसे उपयोग किया जाता है। इस लेख में, हम Drupal टेम्पलेट्स के साथ काम करना सीखेंगे — Drupal की Stable थीम में कौन-कौन से टेम्पलेट्स होते हैं, उन्हें कैसे ओवरराइड किया जा सकता है, और विभिन्न Drupal एंटिटीज़ के टेम्पलेट्स को कैसे पुनर्परिभाषित (redefine) किया जा सकता है।
तो चलिए शुरू करते हैं Stable थीम के टेम्पलेट्स से। Stable थीम की templates फ़ोल्डर में जाएँ:
यदि आप अपनी थीम में एक नया क्षेत्र (Region) बनाना चाहते हैं, जिसके माध्यम से आप ब्लॉक्स प्रदर्शित कर सकें, तो इसके लिए आपको निम्नलिखित करना होगा:
- theme.info.yml फ़ाइल में क्षेत्र (region) की जानकारी जोड़ें
- page.html.twig को संपादित करें और उसमें नए क्षेत्र का आउटपुट जोड़ें
drupalbook.info.yml फ़ाइल में क्षेत्र (Region) डेटा जोड़ें
सभी क्षेत्र (regions) को regions कुंजी के अंतर्गत परिभाषित किया जाता है:
शुरू करने के लिए, आइए देखें कि अपनी थीम में कस्टम JavaScript फ़ाइलें कैसे जोड़ी जाती हैं। इसके लिए आपको .libraries.yml फ़ाइल में js को शामिल करना होगा:
अक्सर ऐसा होता है कि Views का डिफ़ॉल्ट टेम्पलेट हमें उपयुक्त नहीं लगता, इसलिए हम Views के टेम्पलेट्स को ओवरराइड (override) कर सकते हैं। दुर्भाग्यवश, Views में आवश्यक टेम्पलेट को खोजने के लिए कोई UI नहीं है, लेकिन हम पैटर्न्स का उपयोग करके टेम्पलेट्स को पुनर्परिभाषित (redefine) कर सकते हैं।
पैटर्न्स के बारे में अधिक जानकारी इस लेख में पढ़ें:
6.6. Drupal में टेम्पलेट्स के साथ काम करना। Drupal के कोर में कौन-कौन से टेम्पलेट्स हैं।
विशेष रूप से, हमें यह भाग रुचिकर है:
Drupal केवल एक CMS नहीं है, बल्कि यह आपके वेब एप्लिकेशन को विकसित करने के लिए एक प्लेटफ़ॉर्म भी है। यदि आप अपनी खुद की थीम बनाना चाहते हैं, तो इसके लिए आपके पास कई फ्रेमवर्क उपलब्ध हैं। इस लेख में हम उनमें से सबसे लोकप्रिय फ्रेमवर्क्स पर नज़र डालेंगे।
Bootstrap
Drupal में बहुत कम तैयार, सुंदर और कार्यात्मक थीम्स उपलब्ध हैं। लेकिन Drupal किसी भी तृतीय-पक्ष लाइब्रेरी और सेवाओं के साथ बहुत आसानी से एकीकृत हो जाता है। उदाहरण के लिए, आप अपनी थीम Bootstrap पर आधारित बना सकते हैं और Drupal की पूरी शक्ति का उपयोग कर सकते हैं। drupalbook.org साइट के इस अनुभाग में, हम यह चर्चा करेंगे कि किसी भी लेआउट से थीम्स को जल्दी और सुविधाजनक तरीके से कैसे बनाया जाए।
PSD लेआउट:
https://drupalbook.org/sites/default/files/blueasy-freebie.zip
पिछले पाठों में, हमने पहले ही देखा है कि किसी अन्य Stable थीम के आधार पर थीम कैसे बनाई जाती है। इस ट्यूटोरियल में, हम आपको दिखाएँगे कि कैसे Bootstrap पर आधारित थीम बनाई जाए — यह एक लोकप्रिय फ्रेमवर्क है जो पेज लेआउट को जल्दी बनाने की अनुमति देता है।
मुझे लगता है कि आपके पास पहले से Drupal स्थापित है। चलिए Bootstrap को स्थापित करने की प्रक्रिया पर चलते हैं:
Drupal 8 पर विकास शुरू करने से पहले, आपको कैश को अक्षम करना होगा। Drupal 7 के विपरीत, Drupal 8 में अब केवल entities, views, और fields ही कैश नहीं होते — बल्कि अब Twig और render टेम्पलेट्स भी कंपाइल होकर कैश किए जाते हैं। इस पूरे कैश को बंद करने के लिए निम्नलिखित चरणों का पालन करें।
1. /sites/example.settings.local.php फ़ाइल को कॉपी करके /sites/default/settings.local.php नाम से सहेजें।
इस फ़ाइल में पहले से ही कैश को अक्षम करने के लिए आवश्यक सेटिंग्स मौजूद हैं।