1.10. Colorbox: Drupal पर एक सरल फोटो गैलरी बनाना

अक्सर वेबसाइट पर किसी चित्र (image) को एक पॉपअप विंडो में प्रदर्शित करने की आवश्यकता होती है। इसके लिए Drupal में एक बहुत लोकप्रिय मॉड्यूल है — Colorbox।

https://www.drupal.org/project/colorbox

composer require drupal/colorbox

drush en colorbox

मॉड्यूल इंस्टॉल करने के बाद, हमें इसके फ़ोल्डर में जाकर README.txt फ़ाइल ढूंढनी होगी और उसमें दिए गए Colorbox लाइब्रेरी के लिंक को देखना होगा।

/web/modules/contrib/colorbox

डाउनलोड करने के बाद, आपको फाइल को अनज़िप (unzip) करना है और colorbox-master फ़ोल्डर का नाम बदलकर colorbox रखना है। फिर इस फ़ोल्डर को साइट की रूट डायरेक्टरी में स्थित libraries फ़ोल्डर में रखना है। यदि यह डायरेक्टरी मौजूद नहीं है, तो इसे बना लें।

मेरे पास एक Gallery कंटेंट टाइप है, जिसमें Images नाम का मल्टीपल फील्ड है। आइए इस फील्ड के लिए Colorbox सेट करें:

यहाँ विभिन्न डिस्प्ले सेटिंग्स भी उपलब्ध हैं:

मैंने इन सेटिंग्स को ऐसे ही रहने दिया है, लेकिन आप अपनी आवश्यकता के अनुसार इन्हें बदल सकते हैं। इसके अलावा, मॉड्यूल की अपनी सेटिंग्स में जाकर भी Colorbox का व्यवहार (behavior) बदल सकते हैं। मैंने यहाँ डिफ़ॉल्ट सेटिंग्स को ही रखा है:

मैंने कुछ फ़ोटो अपलोड करने के लिए एक Gallery पेज बनाया है:

क्लिक करने पर यह कुछ इस तरह दिखाई देता है:

यदि आप सभी चित्रों को एक पंक्ति (row) में रखें और उनके बीच थोड़ा margin जोड़ें, तो यह गैलरी बहुत आकर्षक दिखाई देगी।