नमस्ते, सभी को!

मुझे उम्मीद है कि आपने पहले से HTML और CSS का संक्षिप्त परिचय देख लिया होगा। अब आप Drupal थीम्स को PSD मॉकअप्स के आधार पर बनाने के लिए तैयार हैं। नीचे HTML और CSS के “ट्यूटोरियल्स” के लिंक दिए गए हैं:

HTML

CSS

यदि आप पहले से तैयार Drupal थीम का उपयोग नहीं करना चाहते हैं, बल्कि अपनी खुद की थीम बनाना चाहते हैं या WordPress या Joomla से टेम्पलेट को स्थानांतरित करना चाहते हैं, तो आपको थीम को शुरू से लिखना होगा। लेकिन इसके लिए पहले से ही आपकी थीम्स के लिए तैयार फ्रेमवर्क (कारकास) उपलब्ध हैं।

कहाँ से शुरू करें?

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

चिंता न करें! आपको तुरंत सब कुछ जानने की ज़रूरत नहीं है ताकि आप Drupal थीम बना सकें।

Zen आपको वे चीज़ें देगा जो आपने पहले नहीं जानीं, और यह तब तक धैर्यपूर्वक इंतज़ार करेगा जब तक आप उसकी डॉक्यूमेंटेशन और टिप्पणियों को पढ़ नहीं लेते।

इस पाठ में हम वेबसाइट के मुख्य पृष्ठ की लेआउट बनाएंगे। नीचे मैंने स्रोत फ़ाइलें संलग्न की हैं। डेमो संस्करण तब उपलब्ध होगा जब मैं थीमिंग से संबंधित पाठों की यह श्रृंखला पूरी कर लूँगा।

इस पाठ में मैं दिखाऊँगा कि Views Slideshow मॉड्यूल की मदद से स्लाइडशो कैसे बनाया जाता है। हम कुछ स्लाइड्स जोड़ेंगे और उन्हें डिज़ाइन मॉकअप के अनुसार तैयार करेंगे।

इस पाठ में हम:

• मुख्य पृष्ठ की लेआउट को पूरा करेंगे,
• मुख्य पृष्ठ के लिए एक टेम्पलेट बनाएंगे,
• मुख्य पृष्ठ को असाइन करेंगे,
• अतिरिक्त ब्लॉक जोड़ेंगे और उनकी थीमिंग करेंगे।

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

इस पाठ में हम इन पृष्ठों के प्रदर्शन पर कार्य करेंगे, जबकि उनकी थीमिंग हम अगले पाठ में करेंगे।

इस पाठ में हम अपने ब्लॉग, समाचार अनुभाग और संपर्क फ़ॉर्म को व्यवस्थित करेंगे। हम कुछ अतिरिक्त CSS कोड लिखेंगे और CSS3 कोड जनरेटर का उपयोग करेंगे।

इस पाठ में हम नोड्स की थीमिंग करेंगे, लेकिन उससे पहले हमें पोर्टफोलियो और कर्मचारियों के प्रदर्शन (व्यू) बनाने होंगे।

इस पाठ में हम Drupal की थीमिंग को आगे बढ़ाते हुए फ़ील्ड्स की थीमिंग करेंगे। इस पाठ के बाद हम Views के आउटपुट की थीमिंग करेंगे।

किसी फ़ील्ड की थीमिंग करने के लिए, आपको फ़ाइल modules/field/theme/field.tpl.php को अपनी थीम की templates फ़ोल्डर में कॉपी करना होगा और उसे निम्नलिखित में से किसी एक नाम के अनुसार नया नाम देना होगा: