थीम विकल्प
From LimeSurvey Manual
LimeSurvey 3 ने Twig 1.29 और Bootstrap पर आधारित एक नया टेम्पलेट इंजन सिस्टम पेश किया, जो टेम्पलेट इनहेरिटेंस और विभिन्न थीम विकल्पों की सुविधा देता है।
सर्वेक्षण थीम विकल्प सुविधा का उपयोग करने के लिए LimeSurvey का नवीनतम संस्करण इंस्टॉल करें।
परिचय
थीम विकल्प टूल का एक ऐसा सेट प्रदान करता है, जिससे सर्वेक्षण व्यवस्थापक अपने सर्वेक्षणों की थीम से संबंधित सेटिंग्स को जल्दी और आसानी से बदल सकते हैं।
थीम विकल्प पैनल
थीम विकल्प सुविधा तक सर्वेक्षण सेटिंग्स से पहुँचें:
पैनल के टूलबार में दो टैब होते हैं: सरल विकल्प टैब और विस्तृत विकल्प टैब।
सरल विकल्प
थीम विकल्प पृष्ठ पर निम्नलिखित दिखाई देता है:
कृपया ध्यान दें कि प्रत्येक थीम कुछ ऐसे विकल्पों के साथ आती है जिन्हें सर्वेक्षण की थीम के विकल्पों से बदला जा सकता है। इस विकी अनुभाग में LimeSurvey की डिफ़ॉल्ट थीम fruity का उपयोग यह दिखाने के लिए किया गया है कि HTML, php और/या CSS का पूर्व ज्ञान न रखने वाले उपयोगकर्ता भी थीम में कितने तेज़ी से, आसानी से और प्रभावी ढंग से बदलाव कर सकते हैं।
सरल विकल्प टैब पहले से चयनित होता है। सर्वेक्षण थीम की सबसे महत्वपूर्ण सेटिंग्स यहाँ से बदली जा सकती हैं:
- सब कुछ इनहेरिट करें: यदि हां बटन चुना गया है, तो सभी थीम कॉन्फ़िगरेशन वैश्विक कॉन्फ़िगरेशन स्तर से इनहेरिट किए जाएँगे। यदि आप नहीं पर क्लिक करते हैं और स्क्रीन के ऊपरी दाएँ भाग में स्थित सहेजें बटन पर क्लिक करते हैं, तो थीम कॉन्फ़िगरेशन के और विकल्प दिखाई देंगे। इनमें से प्रत्येक विकल्प को इस प्रकार सेट किया जा सकता है:
- सर्वेक्षण समूह के थीम कॉन्फ़िगरेशन इनहेरिट करें - इनहेरिट (बदलाव न करने पर आपकी सर्वेक्षण थीम वैश्विक थीम कॉन्फ़िगरेशन को इनहेरिट करेगी);
- कोई भी वैश्विक थीम कॉन्फ़िगरेशन इनहेरिट न करें - नहीं;
- या कोई अन्य कॉन्फ़िगरेशन सक्षम करें - हां। इस विकल्प को चुनने पर थीम सेटिंग्स को आप अपनी इच्छानुसार कॉन्फ़िगर कर सकते हैं। आप देखेंगे कि प्रत्येक थीम सेटिंग में आप इनहेरिट मान चुन सकते हैं।
इनहेरिटेंस सिस्टम तीन स्तरों पर लागू होता है:
- वैश्विक स्तर पर (टेम्पलेट सूची से उपलब्ध)। अन्य दोनों स्तर वैश्विक थीम सेटिंग्स को इनहेरिट करते हैं;
- सर्वेक्षण समूह स्तर पर (सर्वेक्षण सेटिंग पैनल से उपलब्ध)। सर्वेक्षण समूह स्तर की थीम सेटिंग्स वैश्विक थीम सेटिंग्स को इनहेरिट करती हैं;
- सर्वेक्षण स्तर पर। सर्वेक्षण की थीम सेटिंग्स सर्वेक्षण समूह की थीम सेटिंग्स को इनहेरिट करती हैं।
- थीम फ़ॉन्ट: वह फ़ॉन्ट चुनें जिसे आप अपनी थीम के लिए उपयोग करना चाहते हैं;
- थीम वेरिएशन: ड्रॉपडाउन सूची से उपलब्ध थीम वेरिएशन में से एक चुनें। इससे फ़ॉन्ट और आइकॉन का रंग बदल जाता है।
इनहेरिटेंस नहीं
जैसा कि ऊपर बताया गया है, आप सर्वेक्षण सेटिंग्स मेन्यू से वैश्विक थीम कॉन्फ़िगरेशन को इनहेरिट न करना चुन सकते हैं। सहेजें बटन पर क्लिक करने के बाद और विकल्प दिखाई देंगे:
इस सुविधा की क्षमता दिखाने के लिए, निम्नलिखित स्पष्टीकरण fruity थीम पर आधारित हैं। कृपया ध्यान दें कि प्रत्येक थीम के अपने अनुकूलन योग्य विकल्प होते हैं।
- Ajax मोड: सक्षम होने पर सर्वेक्षण पृष्ठ ajax के माध्यम से तेज़ी से लोड होगा (औसत LimeSurvey उपयोगकर्ता के लिए अनुशंसित)। अक्षम होने पर पृष्ठ रीलोड के माध्यम से लोड होगा, जो डीबगिंग के लिए बेहतर है;
- सर्वेक्षण कंटेनर: यदि हां चुना गया है, तो सर्वेक्षण एक कंटेनर में दिखाया जाएगा - उसकी चौड़ाई सीमित होती है। यह विकल्प तब उपयोगी है जब आपके सर्वेक्षण प्रतिभागी आपका सर्वेक्षण अपने मोबाइल फ़ोन या टैबलेट से पूरा करते हैं, क्योंकि सर्वेक्षण की चौड़ाई नियंत्रित रहती है। इसलिए यह आपके उत्तरदाताओं के लिए अधिक सुविधाजनक है, क्योंकि उन्हें पूरा प्रश्न पढ़ने या सभी उत्तर विकल्प देखने के लिए दाईं ओर स्क्रॉल नहीं करना पड़ेगा। यदि सर्वेक्षण किसी ब्लॉग और/या फ़ोरम में एम्बेड किया गया है, तो आप इस विकल्प को निष्क्रिय भी कर सकते हैं, क्योंकि वे पहले से एक निश्चित चौड़ाई का उपयोग करते हैं।
- प्रश्न के बॉर्डर: सक्षम होने पर प्रत्येक प्रश्न एक बॉर्डर के भीतर दिखाया जाएगा। यदि नहीं पर सेट है, तो प्रश्न किसी बॉक्स में नहीं होंगे (ताकि आप स्क्रीन की चौड़ाई से बड़े सरणी प्रश्न प्रकारों का उपयोग कर सकें);
- प्रश्न की छाया: सक्षम होने पर (अदृश्य) प्रश्न बॉर्डर के चारों ओर एक छाया दिखाई जाएगी।
- पृष्ठभूमि का रंग: उत्तरों सहित पूरे प्रश्न की पृष्ठभूमि का रंग चुनें;
- फ़ॉन्ट का रंग: पॉपअप मेन्यू से मनचाहा रंग चुनकर फ़ॉन्ट का रंग बदलें।
- प्रश्न की पृष्ठभूमि का रंग: पॉपअप मेन्यू से मनचाहा रंग चुनकर प्रश्न की पृष्ठभूमि का रंग बदलें।
- आइकॉन की जाँच करें: एकाधिक विकल्प प्रश्न प्रकारों का उपयोग करते समय यह सेटिंग आपको मनचाहा चेक आइकॉन चुनने की सुविधा देती है।
- पृष्ठभूमि की छवि: यदि नहीं पर सेट है, तो आप अपने सर्वेक्षण समूह और/या वैश्विक थीम सेटिंग्स में उपयोग की गई छवि से भिन्न पृष्ठभूमि छवि चुन सकते हैं। आप थीम सेटिंग्स पैनल के नीचे स्थित अपलोड बटन पर क्लिक करके और अपने कंप्यूटर से मनचाही छवि चुनकर सर्वेक्षण की अपनी पृष्ठभूमि छवि भी अपलोड करें;
- ब्रांड लोगो: यदि नहीं पर सेट है, तो शीर्ष बार में सर्वेक्षण का नाम दिखाया जाएगा, या आप फ़ाइल डायरेक्टरी में मौजूद चित्रों में से किसी एक को लोगो के रूप में चुन सकते हैं।
- बॉडी एनिमेट करें: यदि हां पर सेट है, तो सर्वेक्षण की "बॉडी" लोड होने पर आप लागू करने के लिए कोई एनिमेशन चुन सकते हैं;
- प्रश्न एनिमेट करें: यदि हां पर सेट है, तो आप अपने सर्वेक्षण के प्रश्न लोड होने पर उन पर लागू करने के लिए कोई एनिमेशन चुनते हैं।
- अलर्ट एनिमेट करें: यदि हां पर सेट है, तो आपके सर्वेक्षण के अलर्ट (जब सर्वेक्षण डेटा रिकॉर्ड नहीं होता या गलत टोकन दर्ज किया जाता है) चुने गए एनिमेशन विकल्प के अनुसार एनिमेट होंगे।
- चेकबॉक्स एनिमेट करें: यदि हां पर सेट है, तो जब भी आप कोई उत्तर विकल्प चुनते हैं, एनिमेशन चलता है।
- रेडियो बटन एनिमेट करें: यदि हां पर सेट है, तो जब भी आप रेडियो-प्रकार के प्रश्न से कोई विकल्प चुनते हैं, एनिमेशन चलता है।
एनिमेशन के लिए उपयोग की जाने वाली लाइब्रेरी animate.css है। आप डिफ़ॉल्ट का उपयोग कर सकते हैं या अपनी एनिमेशन लाइब्रेरी जोड़ सकते हैं।
अवधि वाले फ़ील्ड में एक संख्या लिखें। यदि आप दस (10) लिखते हैं, तो एनिमेशन 10 सेकंड तक चलेगा।- Fruity फ़ॉन्ट: वह फ़ॉन्ट चुनें जिसे आप अपनी थीम के लिए उपयोग करना चाहते हैं;
- Fruity वेरिएशन: ड्रॉपडाउन सूची से उपलब्ध थीम वेरिएशन में से एक चुनें। इससे फ़ॉन्ट और आइकॉन का रंग बदल जाता है।
- अपलोड: अपने कंप्यूटर में ब्राउज़ करके ऐसी छवि अपलोड करें जिसे आपकी थीम के लोगो या पृष्ठभूमि छवि के रूप में उपयोग किया जाएगा। "/themes/survey/fruity/files" फ़ोल्डर पर लिखने की अनुमति आवश्यक हो सकती है - यह वह स्थान है जहाँ अपलोड की गई छवियाँ आपके LimeSurvey इंस्टॉलेशन में संग्रहीत होंगी।
विस्तृत विकल्प
जब आप थीम विकल्प टैब खोलते हैं, तो आप इसके सरल विकल्प या विस्तृत विकल्प में से किसी एक को एडिट करना चुन सकते हैं। “विस्तृत विकल्प” केवल एक सादा फ़ॉर्म है, जो आपको डेटाबेस से मुख्य थीम कॉन्फ़िगरेशन फ़ील्ड तक पहुँच देता है। यह कैसे काम करता है, यह समझने के लिए आपको XML फ़ाइल और शुरुआत से थीम बनाने के बारे में भी पढ़ना चाहिए। इसलिए यह काफ़ी जटिल है और एडवांस उपयोगकर्ताओं के लिए बनाया गया है।
हालाँकि, यदि आप एडवांस सेटिंग एडिट करना चाहते हैं, तो विस्तृत विकल्प टैब पर क्लिक करें
- फ़ाइलें सीएसएस (CSS): वे CSS फ़ाइलें जिन्हें टेम्पलेट में जोड़ा जाना चाहिए;
- फ़ाइलें जेएस (JS): वे JS फ़ाइलें जिन्हें टेम्पलेट में जोड़ा जाना चाहिए;
- Files Print Css: टेम्पलेट प्रिंट करते समय लोड की जाने वाली CSS फ़ाइलें;
- विकल्प: इस फ़ील्ड में वे विकल्प (और उनके मान) शामिल हैं जिन्हें टेम्पलेट व्यू में पार्स किया जाना चाहिए;
- CssFramework Name: लोड किए जाने वाले CSS फ़्रेमवर्क का नाम। फ़िलहाल केवल Bootstrap या कुछ नहीं;
- Cssframework Css: आप इस फ़ील्ड में कोर bootstrap.css को उसके किसी अलग कस्टम संस्करण से बदल सकते हैं;
- Cssframework Js: कोर boostrap.js फ़ील्ड को यहाँ से उसके किसी अलग कस्टम संस्करण से बदला जा सकता है;
- Packages To Load: इस सेटिंग से आप LimeSurvey के कुछ कोर एसेट पैकेज लोड कर सकते हैं।
आप सबसे ऊपर एक अपलोड इनपुट देखेंगे, जो आपको थीम की फ़ाइल डायरेक्टरी में फ़ाइल अपलोड करने की सुविधा देता है। इन पैरामीटर का उपयोग थीम का पूरा रूप बदलने के लिए किया जा सकता है।
चेतावनी! : जब तक आपको पता न हो कि आप क्या कर रहे हैं, तब तक मानों को न छेड़ें!