यदि आपने अपनी वेबसाइट बनाने का निर्णय लिया है — या शायद आप पहले ही एक साइट बना चुके हैं — तो अब सवाल उठता है: अगर आपकी साइट पर कोई नहीं आता तो क्या करें?
आप पहले व्यक्ति नहीं हैं जिसने साइट बनाई है, और न ही पहले हैं जिसने आपके विषय (जैसे पर्यटन, गाड़ियाँ, रियल एस्टेट आदि) पर साइट बनाई हो। संभवतः पहले से ही आपकी तरह दर्जनों, अगर सैकड़ों नहीं तो, समान साइटें मौजूद हैं। आपके हर व्यावसायिक प्रतिस्पर्धी की अपनी वेबसाइट होगी। और अगर आपके पास अभी तक स्थायी दर्शक (audience) नहीं है, तो आपकी साइट भी भीड़ में खो सकती है।
जब आप Drupal पर अपनी साइट का प्रचार (promotion) शुरू करते हैं, तो सबसे पहला काम है SEO Checklist मॉड्यूल को इंस्टॉल करना:
Drupal 8 में थीमिंग की प्रक्रिया बदल गई है। इसका मुख्य कारण है — ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) की ओर बदलाव और नए Twig टेम्पलेट इंजन का उपयोग।
पहले केवल PHP, HTML और CSS का थोड़ा ज्ञान पर्याप्त था अपनी थीम बनाने के लिए, लेकिन अब इसके साथ Twig को भी समझना ज़रूरी है।
एक ओर यह Drupal डेवलपमेंट को थोड़ा जटिल बनाता है, लेकिन दूसरी ओर यह डेवलपमेंट प्रक्रिया को अधिक संगठित और सरल बनाता है।
Drupal अब नए Twig टेम्पलेट इंजन का उपयोग करता है। इसलिए, इसकी सभी थीम्स को Twig के अनुरूप पुनः लिखा गया है। आइए देखें कि /core/themes फ़ोल्डर में क्या है।
पिछले लेख में, हमने Views Slideshow का उपयोग करके एक स्लाइडशो बनाया था। लेकिन अब भी हमारे पास एक बिना स्टाइल का पेजिनेटर है जिसमें छोटी तस्वीरें हैं।
इस लेख में, हम देखेंगे कि OwlCarousel को कैसे जोड़ा जाए और अतिरिक्त लाइब्रेरी का उपयोग करके CSS कैसे जोड़ी जाए।
इस उदाहरण में, हम एक कस्टम मॉड्यूल का उपयोग करेंगे ताकि OwlCarousel को जोड़ा जा सके, लेकिन अगली बार हम स्लाइडशो को थीम की फ़ाइलों में स्टाइल करेंगे।
सबसे पहले हमें यह सीखना होगा कि Views का उपयोग करके ब्लॉक्स और पेजेज़ कैसे प्रदर्शित किए जाते हैं। आइए पेजेज़ से शुरू करें — हम अपनी साइट पर सभी लेख प्रदर्शित करेंगे।
Views के माध्यम से पेज आउटपुट करना
अपना पहला View बनाने के लिए जाएँ: Manage → Structure → Views
Zen Drupal के लिए सबसे लोकप्रिय बिल्डर थीम है। यदि आपको तीन कॉलम लेआउट वाले साइट के लिए एक responsive डिज़ाइन जल्दी तैयार करना है, तो Zen आपके लिए बिल्कुल उपयुक्त है। आपको बस इसे इंस्टॉल करना होता है और npm install चलाना होता है — Zen स्वतः ही आपके डिज़ाइन के लिए आवश्यक आधार संरचना तैयार कर देता है। चलिए इसे चरणबद्ध तरीके से देखते हैं।
सबसे पहले Zen पैरेंट थीम को आधिकारिक वेबसाइट से डाउनलोड करें:
Drupal 7 में, आप बहुत जल्दी और आसानी से Zen पर एक सबथीम बना सकते थे और अपनी वेबसाइट तैयार करना शुरू कर सकते थे। Drupal 8 से, अब अपनी खुद की थीम बनाने के लिए कई थीम बिल्डर उपलब्ध हैं। लेकिन इन पर सबथीम बनाने से पहले, यह समझना आवश्यक है कि कौन सी चीज़ कहाँ स्थित है।
Drupal डेवलपर्स हमें Stark थीम का उदाहरण देखने की सलाह देते हैं। यह थीम Drupal में केवल यह दिखाने के लिए जोड़ी गई है कि एक थीम की संरचना कैसे होती है। चलिए देखते हैं कि इस थीम के अंदर क्या-क्या है:
इस लेख से हम Drupal पर अपनी खुद की थीम बनाना शुरू करेंगे। इस ट्यूटोरियल के इस भाग में, हम Drupal की थीम की मूल बातें समझेंगे — कहाँ कौन सी फ़ाइलें होती हैं, CSS और JavaScript को कैसे शामिल करें और उपयोग करें।
हम अपनी थीम को कोर की Stable थीम पर आधारित करेंगे। यदि आप Drupal सीखना चाहते हैं, तो Stable एक शानदार शुरुआत है। Bootstrap से शुरू करना सही नहीं होगा, क्योंकि उसमें लगातार प्रश्न और त्रुटियाँ आती रहेंगी। इस ट्यूटोरियल के अगले भाग में, जब हमें Drupal थीम बनाने की अच्छी समझ हो जाएगी, तब हम Bootstrap के साथ काम करना शुरू करेंगे।