1.8. इमेज: चित्रों के साथ कार्य, प्रीसेट्स।
Drupal न केवल टेक्स्ट पेजों के साथ काम कर सकता है, बल्कि चित्रों (images) के साथ भी काम कर सकता है। इसके लिए आपको Image मॉड्यूल को सक्षम (enable) करना होगा। Image मॉड्यूल आपको नोड्स (nodes) में फ़ोटो संलग्न करने और इन फ़ोटो को आवश्यक आकार में प्रदर्शित करने की अनुमति देता है। इसके अलावा, विभिन्न स्थानों पर ये आकार अलग-अलग हो सकते हैं। उदाहरण के लिए, नोड के टीज़र (teaser) में हम एक छोटा फोटो दिखा सकते हैं, और पूरे नोड में वही फोटो बड़ा दिखाई दे सकता है।
पिछले पाठों में, हमने Employee नाम का सामग्री प्रकार (content type) बनाया था। अब चलिए Employee कंटेंट टाइप के लिए Manage fields खोलते हैं और एक इमेज फ़ील्ड जोड़ते हैं।
अब कर्मचारी (employee) को बनाने / संपादित करने के फ़ॉर्म में एक इमेज अपलोड फ़ील्ड होगा:
यह चित्र कर्मचारी के पेज पर प्रदर्शित होगा, लेकिन मूल आकार में और लेबल “Image” फ़ील्ड के साथ। आउटपुट को कॉन्फ़िगर करने के लिए, आपको Manage display टैब पर जाना होगा — यह Employee कंटेंट टाइप की सेटिंग्स में होता है।
अब हम इमेज फ़ील्ड को ऊपर ले जाते हैं, फ़ील्ड नाम के आउटपुट को हटा देते हैं और गियर (⚙) आइकन पर क्लिक करते हैं ताकि प्रदर्शित छवि के आकार को सेट कर सकें। डिफ़ॉल्ट रूप से हमारे पास पहले से कुछ प्रीसेट आकार उपलब्ध हैं: Large (480x480), Medium (220x220), Thumbnail (100x100)। चलिए टीज़र के लिए Thumbnail और पूरे नोड के लिए Medium सेट करते हैं। इसके अलावा, टीज़र में हम चित्र को कर्मचारी के नोड से लिंक बना देंगे:
अब टीज़र की सूची में कर्मचारी की छवि उसके पूर्ण पेज (full page) की लिंक होगी।
तैयार प्रीसेट्स Large, Medium और Thumbnail के अलावा, आप अपनी स्वयं की इमेज साइज़ बना सकते हैं। इसके लिए जाएँ: Configuration → Image styles पेज पर।
/admin/config/media/image-styles
वहाँ आप मौजूदा प्रीसेट्स देखेंगे और Add image style बटन पाएँगे:
मान लीजिए हम 150x150 पिक्सेल का आकार बनाना चाहते हैं और उसका नाम भी यही रखते हैं। प्रीसेट को एडिट करते समय हम देखेंगे कि किन क्रियाओं (actions) को जोड़ा जा सकता है:
Convert – छवि को किसी अन्य प्रारूप (format) में बदलता है।
Crop – फ़ोटो को बिना स्केल किए काटता है।
Desaturate – फ़ोटो को श्वेत-श्याम (black and white) में परिवर्तित करता है।
Resize – अनुपात (proportion) बनाए बिना आकार बदलता है।
Rotation – फ़ोटो को इच्छित कोण पर घुमाता है।
Scale – अनुपात बनाए रखते हुए आकार बदलता है।
आप एक से अधिक क्रियाएँ चुन सकते हैं। उदाहरण के लिए, पहले हम Scale 150x150 करते हैं और फिर फ़ोटो को काला-सफेद (black & white) बना देते हैं।
Scale:
अब हम वापस Manage display पेज पर चलते हैं और कर्मचारी के टीज़र के लिए इमेज फ़ील्ड आउटपुट को 150x150 प्रीसेट के माध्यम से सेट करते हैं।
अब कर्मचारी का टीज़र इस प्रकार दिखाई देगा:
अब आप जानते हैं कि Drupal में फ़ोटो कैसे अपलोड की जाती हैं और उन्हें अपनी आवश्यकता के अनुसार कैसे प्रदर्शित किया जाता है। अगले पाठों में हम इसी तरह से एक फ़ोटो गैलरी बनाना सीखेंगे।