(1) आवश्यक मॉड्यूल (संस्करण: Drupal7.0)
Views
Views Slideshow
Chaos tool suite
Libraries
Link Field
Token
(२) मॉड्यूल स्थापित करें
Drupal7 में आप व्यवस्थापक अनुभाग से मॉड्यूल स्थापित कर सकते हैं, लेकिन मुझे अभी भी लगता है कि इस नई सुविधा का कोई मतलब नहीं है, क्योंकि हमें ड्रुपल साइट में मॉड्यूल लिंक की खोज करनी है और फिर व्यवस्थापक मॉड्यूल स्थापना क्षेत्र में कॉपी पेस्ट करना है, वास्तव में पागल। यह बहुत अच्छा होता अगर वे इसे वर्डप्रेस जैसी छोटी खोज के लिए बनाते। वैसे भी मैं बस पुराने तरीके से इसे डाउनलोड करने वाला हूं और इसे (मैं अभी भी इस पुराने तरीके की सलाह देता हूं)।
Drupal साइट से सभी मॉड्यूल्स डाउनलोड करें और डायरेक्टरी youritename / sites / all / मॉड्यूल में इंस्टॉल करें। Http://www.yoursitename.com/node#overlay=admin/modules पर जाएं और नीचे इन मॉड्यूल को सक्षम करें;
(1) दृश्य (2) दृश्य UI (3) दृश्य स्लाइड शो (4) दृश्य स्लाइड शो: चक्र (5) अराजकता उपकरण (6) लिंक (7) पुस्तकालय (8) टोकन (वैकल्पिक) (3) दृश्य कैश बनाएँ
Drupal7 में imagecache कोर मॉड्यूल का हिस्सा है और इसे इमेज शैलियों का नाम दिया गया है। तो चलिए यहाँ से दो इमेज कैश बनाते हैं, एक फुल साइज़ स्लाइडर इमेज के लिए और दूसरा थंबनेल इमेज के लिए। इस ट्यूटोरियल में मैं पूर्ण आकार की स्लाइडर छवि के लिए 935x293 (पिक्सेल) आयाम और थंबनेल छवि के लिए 210x100 (पिक्सेल) आयाम का उपयोग करता हूं। नोट: इन विन्यासों को स्थगित किया जाना आपकी आवश्यकताओं पर निर्भर करता है।
- स्लाइडर छवि सेटिंग्स को पूर्ण करें
Http://www.yoursitename.com/node#overlay=admin/config/media/image-styles पर जाएं और ऐड न्यू स्टाइल लिंक पर क्लिक करें (1) एक इमेज स्टाइल नाम दें और क्रिएट न्यू स्टाइल बटन पर क्लिक करें (2) ) अगली कॉन्फ़िगरेशन स्क्रीन पर अपनी इच्छित नई शैली का चयन करें और फिर ऐड बटन पर क्लिक करें (इस ट्यूटोरियल में मैं आकार परिवर्तन शैली चुनता हूं) (3) अगली स्क्रीन पर चौड़ाई और ऊंचाई सेट करें और ऐड प्रभाव बटन पर क्लिक करें। (सेटिंग्स आपके द्वारा चुनी गई शैली पर निर्भर हो सकती हैं)। मैंने चौड़ाई 935 और ऊंचाई 293 पिक्सेल के रूप में निर्धारित की है।
थंबनेल छवि के लिए भी यही प्रक्रिया करें। (थंबनेल छवि आयाम के लिए, मैंने चौड़ाई को 210 और ऊंचाई को 100 पिक्सेल के रूप में सेट किया है।) (4) नया कंटेंट टाइप बनाएं
चलो एक नया कंटेंट टाइप बनाते हैं, स्ट्रक्चर्स पर डैशबोर्ड मेन्यू बार टिक से और फिर कंटेंट टाइप्स फिर ऐड न्यू कंटेंट टाइप लिंक पर क्लिक करें।
(1) एक मानव-पठनीय नाम दें, मैंने इसे फीचर्ड स्लाइडर नाम दिया (मशीन का नाम मानव पठनीय नाम के आधार पर स्वतः उत्पन्न होगा) (2) संक्षिप्त और प्रासंगिक विवरण दें (3) सबमिशन फॉर्म सेटिंग्स, मैं के रूप में छोड़ता हूं डिफ़ॉल्ट सेटिंग्स (4) प्रकाशन विकल्प, मैंने केवल प्रकाशित (अन्य सभी सेटिंग्स अनियंत्रित) जाँच की (5) प्रदर्शन सेटिंग्स, मैंने ऑस्ट्रोर और तिथि जानकारी अनियंत्रित की है। (6) टिप्पणी सेटिंग्स, मैं छिपा (अक्षम) (7) मेनू सेटिंग्स सेट करता हूं, मैं डिफ़ॉल्ट सेटिंग्स के रूप में छोड़ देता हूं। (8) सहेजें पर क्लिक करें और फ़ील्ड जोड़ें बटन (5) नया फ़ील्ड बनाएँ
यहां इस उदाहरण में मैं केवल दो दायरें बनाता हूं, और वे छवि क्षेत्र और लिंक फ़ील्ड हैं। हम अपनी स्लाइडर छवि को अपलोड करने के लिए छवि क्षेत्र का उपयोग करेंगे और एक कस्टम लिंक बनाने के लिए लिंक क्षेत्र जहां हम चाहते हैं कि हमारा स्लाइडर लिंक हो।
छवि क्षेत्र सेटिंग्स
(1) Label: Slider Image
(2) Field: slider_image
(3) Field type: image
(4) Widget (form element): image
(5) Click Save button, and on the field settings page leave default settings and click on Save field settings button.
(6) On the image field configuration settings page you can configure as you wish.
मैंने इस फ़ील्ड को आवश्यकतानुसार सेट किया, मैंने स्लाइडर-छवि नामक एक फ़ाइल निर्देशक का नाम जोड़ा, ताकि इस चित्र को अन्य छवियों से व्यवस्थित रूप से व्यवस्थित किया जा सके। आप यहां अधिकतम अपलोड आकार और रिज़ॉल्यूशन सेट कर सकते हैं, मेरे पास एक सहायक ऑल्ट और टाइटल फ़ील्ड है और अंत में सेव सेटिंग्स बटन पर क्लिक करें।
उसी विधि का उपयोग करके लिंक फ़ील्ड भी बनाएं।
लिंक फ़ील्ड सेटिंग्स (1) लेबल: स्लाइडर लिंक (2) फ़ील्ड: स्लाइडर_लिंक (3) फ़ील्ड प्रकार: लिंक (4) विजेट (फार्म तत्व): लिंक (5) सहेजें बटन पर क्लिक करें, लिंक फ़ील्ड कॉन्फ़िगरेशन के लिए डिफ़ॉल्ट सेटिंग में ईव्रीथिंग छोड़ दें । मैंने नीचे दिखाए गए जैसे फ़ील्ड को फिर से व्यवस्थित किया है; शीर्षक फ़ील्ड छवि फ़ील्ड लिंक फ़ील्ड निकाय फ़ील्ड (यदि आवश्यक हो तो आप इस फ़ील्ड को हटा भी सकते हैं) प्रदर्शन प्रबंधित करें प्रबंधन प्रदर्शन टैब पर आप यह कॉन्फ़िगर कर सकते हैं कि कैसे फ़ील्ड के बाहर रख दिया जाए। मैंने लिंक फ़ील्ड को छुपा के रूप में सेट किया है और मैंने भी Drupal7 के रूप में छवि लेबल सेट किया है: फ़ील्ड प्रबंधित करें (6) फ़ीचर स्लाइडर सामग्री बनाएँ
मैंने इस ट्यूटोरियल के लिए चार विशेषताओं वाली स्लाइडर सामग्री बनाई है।
(1) ऐड कंटेंट लिंक पर क्लिक करें (2) क्रिएट फीचर्ड स्लाइडर कंटेंट (3) एक उचित टाइटल नाम दें (4) अपलोड स्लाइडर इमेज (5) ऑल्ट एंड टाइटल फील्ड नेम दें (6) एक लिंक टाइटल दें और जहां चाहें वहां यूआरएल दें जोड़ने के लिए स्लाइडर (7) यदि आप चाहते हैं कि आप एक एसईओ अनुकूल URL उपनाम दे सकते हैं, तो पथ क्षेत्र को छोड़कर डिफ़ॉल्ट रूप में सभी othe सेटिंग्स छोड़ दें। (8) सामग्री को सहेजें।
उसी तरह से और अधिक बनाएँ स्लाइडर सामग्री (मैंने चार सामग्री बनाई हैं) (7) एक नया दृश्य बनाएं
अब हमारा नया स्लाइड शो देखने का समय है। डैशबोर्ड मेनू से स्ट्रक्चर पर क्लिक करें और फिर व्यू पर क्लिक करें।
(1) नया दृश्य लिंक जोड़ें पर क्लिक करें (2) दृश्य नाम दें, मैंने फीचर्ड स्लाइडर के रूप में नाम दिया है (मशीन का नाम ऑटो उत्पन्न होगा) (3) एक उपयुक्त दृश्य विवरण दें (4) दिखाएँ प्रकार की सामग्री चुनिंदा स्लाइडर (आपकी सामग्री) नाम लिखो)। (5) अनचेक करें एक पीजी बनाएं और चेक करें एक ब्लॉक बनाएं (6) ब्लॉक शीर्षक में टाइप करें और प्रति पृष्ठ 5 "आइटम" फ़ील्ड के "स्लाइडशो" आइटम के रूप में प्रदर्शन प्रारूप चुनें (आप उन आइटमों की संख्या दर्ज कर सकते हैं जिन्हें आप दिखाना चाहते हैं) (7) ) "फ़ील्ड जारी रखें और संपादित करें" बटन पर क्लिक करें दृश्य फ़ील्ड सेटिंग्स पहले लिंक फ़ील्ड जोड़ें (सब कुछ ठीक से काम करने के लिए लिंक पहला फ़ील्ड होना चाहिए) इसलिए ऐड आइकन पर क्लिक करें और फ़िल्टर समूह से सामग्री जोड़ें सामग्री का चयन करें: लिंक, क्लिक करें अगले कॉफ़िगेशन विंडो में "जोड़ें और कॉन्फ़िगर करें" बटन "एक लेबल बनाएं" को अनचेक करें। "चेक" प्रदर्शन से बाहर करें। "लागू करें बटन" पर क्लिक करें
इसके बाद आइए छवि क्षेत्र जोड़ें, इसलिए ऐड आइकन पर क्लिक करें और फ़िल्टर समूह से सामग्री जोड़ें सामग्री का चयन करें: छवि फ़ील्ड (नोट: सुनिश्चित करें कि आपने वह छवि फ़ील्ड चुन ली है जिसे हमने केवल इस स्लाइडर सामग्री प्रकार के लिए क्रेट किया था।) "जोड़ें और कॉन्फ़िगर करें" पर क्लिक करें। बटन "अगली cofiguration विंडो में" एक लेबल बनाएं "को अनचेक करें।
प्रारूप: छवि (यदि आपने कलरबॉक्स या लाइटबॉक्स स्थापित किया है, तो आप उन्हें यहाँ चुन सकते हैं!) छवि शैली: फ़ुलसाइज़ (उपरोक्त चरण में आपके द्वारा बनाई गई छवि को चुनें) लिंक छवि: कुछ भी नहीं शैली सेटिंग्स: डिफ़ॉल्ट सेटिंग्स छोड़ें कोई परिणाम व्यवहार नहीं: डिफ़ॉल्ट सेटिंग्स फिर से परिणाम करें: इस फ़ील्ड को लिंक पथ के रूप में चेक करें आउटपुट लिंक पथ: [view_node] (नोट: स्क्रॉल थोड़ा करें और आप कोर टोकन मॉड्यूल द्वारा बनाए गए प्रतिस्थापन पैटर्न देख सकते हैं, (अगर हमने लिंक फ़ील्ड को पहले सेट नहीं किया था तो हम पहले यहाँ लिंक फ़ील्ड विकल्प नहीं देख सकते हैं) केवल [view_node] की प्रतिलिपि बनाएँ और फिर लिंक पथ फ़ील्ड में पेस्ट करें।) "लागू करें" पर क्लिक करें।
अंत में हमें थंबनेल के लिए एक और फ़ील्ड की आवश्यकता है, तो चलिए ऐड आइकन पर क्लिक करें और फ़िल्टर ग्रुप्स में से कंटेंट ऐड कंटेंट: इमेज फील्ड चुनें (ध्यान दें: सुनिश्चित करें कि आप उस इमेज फील्ड को चुनते हैं, जिसे हमने केवल इस स्लाइडर कंटेंट टाइप के लिए क्रेट किया था।) अगली cofiguration विंडो में "जोड़ें और कॉन्फ़िगर करें बटन" पर क्लिक करें "एक लेबल बनाएं" और चेक से बाहर निकालें, फ़ॉर्मेट करें: छवि (यदि आपने Colorbox या लाइटबॉक्स स्थापित किया है तो आप उन्हें यहां चुन सकते हैं!) आपने उपर्युक्त चरण में बनाया है) लिंक छवि: कुछ भी नहीं शैली सेटिंग्स: डिफ़ॉल्ट सेटिंग्स छोड़ें कोई परिणाम नहीं व्यवहार: डिफ़ॉल्ट सेटिंग्स छोड़ें परिणाम फिर से जांचें: इस फ़ील्ड को लिंक लिंक पथ के रूप में जांचें: [view_node] (नोट: स्क्रॉल डॉव थोड़ा सा आप कोर टोकन मॉड्यूल द्वारा बनाए गए प्रतिस्थापन पैटर्न देख सकते हैं, (अगर हमने नहीं किया था 'टी लिंक फ़ील्ड को पहले सेट करें क्योंकि हम यहाँ लिंक फ़ील्ड विकल्प नहीं देख सकते हैं) केवल कॉपी करें [view_node] फिर स्क्रॉल करें और इसे लिंक पथ फ़ील्ड में पेस्ट करें।) "बटन लागू करें" पर क्लिक करें।
दृश्य फ़िल्टर सेटिंग्स
जब हम सामग्री प्रकार और अन्य सेटिंग्स चुनते हैं, तो view3 में फ़िल्टर शुरुआत में बनाए जाते हैं! यदि आपको किसी अतिरिक्त फाइलिंग की आवश्यकता है तो आप इसे यहाँ बना सकते हैं!
दृश्य शैली सेटिंग्स
फॉर्मेट स्लाइड शो पर क्लिक करें | बस्ती और नीचे के रूप में सेट अगले विन्यास खिड़की पर; (1) सूची प्रकार: अनियंत्रित सूची (2) आवरण वर्ग: डिफ़ॉल्ट सेटिंग (3) शैली> त्वचा: बहरापन (4) स्लाइड> स्लाइड शो प्रकार: चक्र (5) चक्र विकल्प आपको jQuery प्लगइन डाउनलोड करने और jquery को कॉपी करने की आवश्यकता है। cycle.all.min.js साइटों / सभी / पुस्तकालयों / jquery.cycle के लिए आप http://malsup.com/jquery/cycle पर प्लगइन पा सकते हैं ।
सरल अंग्रेजी में साइट / सभी निर्देशिका में "पुस्तकालयों" नामक एक फ़ोल्डर बनाएं और फिर उस निर्देशिका में "jquery.cycle" नाम का एक और फ़ोल्डर बनाएं और अंत में केवल "jquery.cycle.all.min.js" को कॉपी और पेस्ट करें। इस निर्देशिका।
(६) पारगमन: फीका ()) क्रिया: होवर पर रोकें (Explorer) इंटरनेट एक्सप्लोरर ट्विक: डिफ़ॉल्ट (९) विजेट: आप या तो ऊपर या नीचे दोनों चुन सकते हैं (मैं यहाँ नीचे का चयन करता हूं, और नीचे की तरह अग्रिम सेटिंग्स;) (10) निचला विजेट> पेजर> पेजर टाइप: फील्ड्स (11) पेजर फील्ड: कंटेंट: इमेज (नोट: अंतिम जिसे हमने अंगूठे के लिए जोड़ा है, गलती न करें क्योंकि दोनों फील्ड को एक ही नाम दिया जाएगा।) (12) स्लाइड को सक्रिय करें। और पेजर होव पर विराम दें: जाँच, नियंत्रण और स्लाइडर काउंटर अनियंत्रित छोड़ दें। (13) अप्लाई बटन पर क्लिक करें।
फ़ील्ड सेटिंग्स दिखाएँ प्रारूप
Inline fields: Choose the thumbnail field as inline.
Click Apply button. (Note: Well it actually doesn't change much in appearance but it does change in the code. Next step use the firebug and find the class and add some styles to display properly.)
(8) एक कस्टम क्षेत्र बनाएँ (वैकल्पिक कदम)
(1) अपने थीम्स फोल्डर पर अपनी_theme_name.info फ़ाइल खोलें और इस तरह दिखाया गया एक नया क्षेत्र जोड़ें; क्षेत्रों [फीचर्स_लाइडर] = फीचर्ड स्लाइडर और .info फ़ाइल सहेजें। (2) अपने विषय पृष्ठ खोलें। पीपीपी फ़ाइल और इन कोड को जोड़ें जहाँ आप अपनी स्लाइड को नीचे दिखाए अनुसार दिखाना चाहते हैं;
आप पेज - front.tpl.php जैसे कस्टम फ्रंट पेज टेम्प्लेट भी बना सकते हैं ताकि आपको डिफ़ॉल्ट पेज.tpl.php टेम्प्लेट में कोई भी बदलाव करने की आवश्यकता न हो। [९] ब्लॉक को सक्षम और कॉन्फ़िगर करें
अब यह ब्लॉक ब्लॉक डिसेबल एरिया में दिखाई देगा, इसलिए डैशबोर्ड मेनू से स्ट्रक्चर> ब्लॉक पर जाएं और ब्लॉक को एक थीम डिफॉल्ट रीजन या हमारे द्वारा बनाए गए कस्टम रीजन (फीचर्स_साइडर) को इनेबल करें। (क्षेत्र भिन्न होता है जो आपके द्वारा उपयोग की जा रही थीम पर निर्भर करता है।)
ब्लॉक कॉन्फ़िगरेशन सेटिंग्स ब्लॉक को सक्षम करने के बाद आपको ब्लॉक को कॉन्फ़िगर करने के लिए एक लिंक मिलता है ताकि कॉन्फ़िगर लिंक पर क्लिक करें और नीचे दिए गए सेटिंग अनुभाग पर;
(1) ब्लॉक शीर्षक (यदि आप नहीं चाहते कि ब्लॉब शीर्षक को केवल प्रकार प्रदर्शित किया जाए) (2) फिर से आप सभी सक्षम विषय विशिष्ट क्षेत्र सेटिंग्स प्राप्त करें। दृश्यता सेटिंग पर (3) पृष्ठ> विशिष्ट पृष्ठ पर ब्लॉक दिखाएं: केवल सूचीबद्ध पृष्ठ चुनें और टाइप करें ताकि यह ब्लॉक केवल सामने वाले पृष्ठ पर प्रदर्शित हो। सीएसएस टिप्स ऑनलाइन में प्रवेश का खुलासा करने के लिए
थंबनेल इनलाइन प्रदर्शित करने के लिए अपनी थीम स्टाइल शीट में ये सीएसएस कोड जोड़ें। । साक्षात्कार-स्लाइड शो-नियंत्रण-तल; साक्षात्कार-स्लाइड शो-पेजर-फ़ील्ड-आइटम {फ्लोट: बाएं; मार्जिन: 20 पीएक्स 6 पीएक्स; } आवश्यक समायोजन करें।