थीम को पसंद के मुताबिक बनाना

आपको Apigee Edge दस्तावेज़ दिख रहा है.
अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है इस पेज पर जाएं Apigee X दस्तावेज़. जानकारी

थीम उन फ़ाइलों का संग्रह होती है जो किसी साइट के रंग-रूप के बारे में बताती हैं. कॉन्टेंट बनाने Developer Services पोर्टल को शुरुआत में एक डिफ़ॉल्ट थीम के साथ बनाया गया है. इसे अपनी पसंद के मुताबिक बनाया जा सकता है. इससे आपको अपने पोर्टल के लुक और स्टाइल के लिए, अपनी प्राथमिकताएं चुनने की सुविधा मिलती है. ज़्यादा देखें खास तौर पर, लिंक, बैकग्राउंड, टेक्स्ट, और थीम के अन्य एलिमेंट का रंग बदला जा सकता है. आपने लोगों तक पहुंचाया मुफ़्त में आपके डेवलपर पोर्टल के मुख्य पेज पर दिखने वाले वेलकम मैसेज को भी बदला जा सकता है.

डेवलपर पोर्टल यूज़र इंटरफ़ेस (यूआई) के ज़रिए या कस्टम डिफ़ॉल्ट थीम फ़ाइल को बदलने के लिए थीम फ़ाइल का इस्तेमाल करता है.

डेवलपर पोर्टल के अपने वर्शन के आधार पर, आपके पास चुनने के लिए कई थीम होंगी भेजने वाला:

थीम	ब्यौरा
Apigee रिस्पॉन्सिव थीम	Bootstrap 3 पर आधारित, जो कि पोर्टल की रिलीज़ के बाद के रिलीज़ पर रोक लगाई जा सकती है. यह थीम 768 पिक्सल से लेकर 1400 पिक्सल. इस थीम में बूटस्ट्रैप 3 की सभी सुविधाएं उपलब्ध हैं. ध्यान दें: Apigee रिस्पॉन्सिव थीम का इस्तेमाल करने के लिए, पक्का करें कि बूटस्ट्रैप हो 7.x-3.0 थीम चालू है.
Apigee DevConnect थीम	Apigee रिस्पॉन्सिव थीम से पहले वाली डिफ़ॉल्ट पोर्टल थीम. मौजूदा पोर्टल को नई Apigee रिस्पॉन्सिव थीम पर अपग्रेड किया जा सकता है, लेकिन पहले ऐसा करना ज़रूरी है पक्का करें कि सभी ब्लॉक, टेंप्लेट, और अन्य कॉन्टेंट, बूटस्ट्रैप 3 के साथ काम करता है. बूटस्ट्रैप 7.x-3.0 थीम सक्षम है.
Apigee बेस थीम	Apigee DevConnect थीम के लिए एक पैरंट थीम और इस थीम के साथ इस्तेमाल किए जाने के लिए नहीं मालिकाना हक है.

डिफ़ॉल्ट थीम सेट करना

अगर आपके पोर्टल में अब भी पुरानी Apigee DevConnect थीम का इस्तेमाल हो रहा है, तो आपको एक चेतावनी दिख सकती है फ़ॉर्म में:

"Apigee DevConnect theme" is out of date 

पोर्टल के लिए डिफ़ॉल्ट थीम सेट करने के लिए, नीचे दी गई प्रोसेस का इस्तेमाल किया जा सकता है. आपको ऐसा करना चाहिए नई थीम को पहले, किसी नॉन-प्रोडक्शन सिस्टम पर टेस्ट करने के बाद ही प्रोडक्शन.

डिफ़ॉल्ट थीम सेट करने के लिए:

1. अपने पोर्टल में ऐसे उपयोगकर्ता के तौर पर लॉग इन करें जिसके पास एडमिन या कॉन्टेंट बनाने के अधिकार हों.
2. Drupal के एडमिन मेन्यू में दिखने का तरीका चुनें. चालू की गई सूची थीम दिखाई देती हैं.
3. आपको जिस थीम को डिफ़ॉल्ट के तौर पर इस्तेमाल करना है उसके लिए, डिफ़ॉल्ट के तौर पर सेट करें को चुनें.
   अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है Apigee रिस्पॉन्सिव थीम का इस्तेमाल करने के लिए, पक्का करें कि बूटस्ट्रैप 7.x-3.0 थीम उस पेज पर भी चालू हो जाएगा.
4. कॉन्फ़िगरेशन को सेव करें.

Apigee रिस्पॉन्सिव थीम को पसंद के मुताबिक बनाना

इस सेक्शन में, Apigee रिस्पॉन्सिव थीम को कॉन्फ़िगर करने का तरीका बताया गया है. इसमें ये भी शामिल हैं:

• मोडल फ़ॉर्म को पसंद के मुताबिक बनाना
• सामान्य सेटिंग कस्टमाइज़ करना

मॉडल फ़ॉर्म सहायता को पसंद के मुताबिक बनाने के लिए:

इस पोर्टल में Drupal बूटस्ट्रैप का इस्तेमाल किया जाता है मोडल फ़ॉर्म सैंडबॉक्स मॉड्यूल. इस तरीके से लॉगिन और रजिस्टर करें डिफ़ॉल्ट फ़ंक्शन का इस्तेमाल करें. आप इस सुविधा को बंद कर सकते हैं, ताकि वे फ़ॉर्म इस तरह दिखें अलग-अलग पेजों के विज्ञापन न दिखाएं.

1. डेवलपर पोर्टल में एडमिन के खास अधिकारों वाले उपयोगकर्ता के तौर पर लॉग इन करें.
2. कॉन्फ़िगरेशन > चुनें यूज़र इंटरफ़ेस > इसमें बूटस्ट्रैप मोडल फ़ॉर्म Drupal का एडमिन मेन्यू.
3. फ़ॉर्म के लिए, मोडल सहायता चालू या बंद करें.
4. कॉन्फ़िगरेशन सेव करें चुनें.

Apigee रिस्पॉन्सिव थीम की सामान्य सेटिंग को पसंद के मुताबिक बनाने के लिए:

1. अपने पोर्टल में ऐसे उपयोगकर्ता के तौर पर लॉग इन करें जिसके पास एडमिन या कॉन्टेंट बनाने के अधिकार हों.
2. Drupal के एडमिन मेन्यू में, 'दिखने का तरीका' चुनें. चालू की गई थीम की सूची दिखाई देता है.
3. पेज के Apigee रिस्पॉन्सिव (डिफ़ॉल्ट थीम) सेक्शन में जाकर, सेटिंग (पेज में सबसे ऊपर मौजूद सेटिंग बटन को न चुनें).
4. इसके बाद, Apigee रिस्पॉन्सिव थीम की सेटिंग वाला पेज दिखेगा.
5. नीचे दी गई टेबल में उस पेज के उन हिस्सों की जानकारी दी गई है जिनका इस्तेमाल करके, थीम. इनमें से किसी भी सेटिंग को बदलने पर, 'कॉन्फ़िगरेशन को सेव करें' को चुनें.
   
   

   क्षेत्र	सेक्शन	ब्यौरा
   बूटस्ट्रैप की सेटिंग
   	कॉम्पोनेंट	ब्रेडक्रंब के प्रदर्शन को नियंत्रित करता है, यानी मुख्य मेनू की स्थिति (जिसे नेवबार सेटिंग में) और क्षेत्र के कुएं दिखाने के लिए: ब्रेडक्रंब: ब्रेडक्रंब छिपाएं/दिखाएं, होम लिंक चालू/बंद करें ब्रेडक्रंब में. Navbar: नेविगेशन बार (मुख्य मेन्यू) की स्थिति बदलकर तय/स्टैटिक/सामान्य स्थितियों को दिखाता है, जिससे लेआउट और डाइनैमिक बन जाता है. क्षेत्रीय वेल: साइट पर किसी भी क्षेत्र में वेल क्लास को जोड़ें क्षेत्र में गहरे रंग का बैकग्राउंड जोड़ें.
   	JavaScript	ऐंकर, पॉपओवर, और टूलटिप के डिसप्ले को कंट्रोल करें: ऐंकर: ऐंकर की पोज़िशन ठीक करें और एक जैसा अनुभव पाएं स्क्रोल करें. पॉपओवर: पॉपओवर की मदद से, किसी भी शॉर्ट वीडियो में एलिमेंट. पॉपओवर चालू/बंद करें और कॉन्फ़िगर करें कि पॉपओवर इस्तेमाल कैसे किए जाएं. टूलटिप: टूलटिप के इस्तेमाल का तरीका कॉन्फ़िगर करें. हर एक को ज़बरदस्ती चालू किया जा सकता है हर फ़ॉर्म एलिमेंट के दाईं, बाईं, ऊपर या नीचे दिखाने के लिए टूलटिप. साथ ही, अन्य डिसप्ले विकल्प.
   	ऐडवांस सेटिंग	यह नीति कंट्रोल करती है कि पोर्टल BootstrapCDN का इस्तेमाल कैसे करता है बूटस्ट्रैप थीम फ़ाइलें अपडेट करने के लिए. पोर्टल के भरोसे को बंद किया जा सकता है बूटस्ट्रैपसीडीएन, लेकिन उसके बाद आपको बूटस्ट्रैप को खुद ही लागू करना होगा फ़्रेमवर्क शामिल है.
   	DevConnect की सेटिंग	वेलकम मैसेज, डिफ़ॉल्ट रंग, और दिखने वाले लोगो का साइज़ सेट करें मुख्य मेन्यू पर क्लिक करें.
   ग्लोबल सेटिंग बदलना
   	डिसप्ले को टॉगल करें	पोर्टल के अलग-अलग हिस्सों को दिखाने की सुविधा को चालू और बंद करें.
   	लोगो इमेज की सेटिंग	यह नीति मुख्य मेन्यू में दिखाई गई इमेज के बारे में बताती है.
   	शॉर्टकट के आइकॉन की सेटिंग	यह ब्राउज़र के पता बार में या बुकमार्क के लिए दिखाई जाती है पोर्टल पर जाएं.

Apigee DevConnect थीम को पसंद के मुताबिक बनाना

पोर्टल की पुरानी रिलीज़ के लिए, Apigee DevConnect थीम, डिफ़ॉल्ट पोर्टल थीम है और इसे नई Apigee रिस्पॉन्सिव थीम पर अपग्रेड किया जा सकता है. हालाँकि, आपको पहले यह सुनिश्चित करना होगा कि ब्लॉक, टेंप्लेट, और अन्य कॉन्टेंट को प्रोसेस करने से पहले, बूटस्ट्रैप 3 के साथ इस्तेमाल किया जा सकता है अपग्रेड करें.

Apigee DevConnect की सामान्य सेटिंग को पसंद के मुताबिक बनाने के लिए थीम:

1. अपने पोर्टल में ऐसे उपयोगकर्ता के तौर पर लॉग इन करें जिसके पास एडमिन या कॉन्टेंट बनाने के अधिकार हों.
2. थीम > Apigee DevConnect थीम > Drupal की सेटिंग एडमिन मेन्यू. इससे थीम की शुरुआती सेटिंग दिखती हैं. रंग की सेटिंग हैं हेक्साडेसिमल मानों के रूप में तय किया जाता है.

   

3. अपनी पसंद के मुताबिक सेटिंग बदलें.
   अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है उदाहरण के लिए, वेलकम मैसेज जोड़ें या बदलें या हेडर के बैकग्राउंड का रंग बदलें. कॉन्टेंट बनाने शुरुआत में, हेडर के बैकग्राउंड का रंग नारंगी रंग की तरह (#FF4300) पर सेट होता है. इसे बदला जा सकता है इसे दूसरे रंग, जैसे कि नीला (#0000FF) जैसा बनाया जा सकता है.
4. सेटिंग में बदलाव करने के बाद, सेव करें पर क्लिक करें.

सब-थीम बनाकर थीम को पसंद के मुताबिक बनाना

पोर्टल के साथ शिप की गई डिफ़ॉल्ट थीम को तय करने वाली सभी फ़ाइलें और ऐसेट प्रोफ़ाइल/apigee/थीम डायरेक्ट्री पर क्लिक करें. यह डायरेक्ट्री /var/www/html/profiles/apigee/themes पर है अगर आप पोर्टल को डिफ़ॉल्ट जगह पर इंस्टॉल किया.

साइट के रंग-रूप में बदलाव करने के लिए किसी थीम में बदलाव करने के लिए, प्रोफ़ाइल/apigee/थीम को सीधे तौर पर ऐक्सेस कर सकते हैं. ऐसा करने पर, अगली बार पोर्टल को अपग्रेड करने पर आपके बदलाव ओवरराइट हो जाएंगे.

इसके बजाय, उस थीम की एक सब-थीम बनाएं जिसमें आपको डिफ़ॉल्ट थीम को कॉपी करके बदलाव करना है फ़ाइलों को /sites/all/themes पर भेज दिया जाएगा डायरेक्ट्री. सब-थीम के बारे में निर्देश पाने के लिए, Drupal देखें दस्तावेज़ के लिए यहां जाएं: https://www.drupal.org/node/225125.

1. profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit फ़ोल्डर कॉपी करें /sites/all/themes पर फ़ोल्डर खोलें.
2. apigee_responsive_starterkit फ़ोल्डर का नाम बदलें YOUR_थीम_NAME के लिए.
3. apigee_responsive_starterkit.info फ़ाइल का नाम बदलकर, YOUR_ लुक_NAME.info करें.
4. css/apigee_responsive_starterkit.css का नाम बदलकर यह करें: css/YOUR_theme_NAME.css.
5. js/apigee_responsive_starterkit.js का नाम बदलकर यह करें: YOUR_थीम_NAME.js.
6. YOUR_थीम_NAME.info फ़ाइल में बदलाव करें और इन लाइनों को बदलें:
   
   अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है स्टाइलशीट[all][] = css/apigee_responsive_starterkit.css
   स्क्रिप्ट[] = js/apigee_responsible_starterkit.js
   
   अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है इसके साथ:
   
   अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है स्टाइलशीट[all][] = css/YOUR_theme_NAME.css
   स्क्रिप्ट[] = js/YOUR_theme_NAME.js
7. YOUR_थीम_NAME.info फ़ाइल में मौजूद थीम का नाम Apigee रिस्पॉन्सिव स्टार्टर किट से अपनी थीम में बदलें NAME.
8. अगर आपको अपनी थीम के लिए नया स्क्रीनशॉट जोड़ना है, तो मौजूदा screenshot.png फ़ाइल को बदलें.
9. अगर आपको अपनी थीम में एक नया लोगो जोड़ना है, तो मौजूदा logo.png फ़ाइल को बदल दें.
10. अगर आपको अपनी थीम में एक नया फ़ेविकॉन जोड़ना है, तो मौजूदा favicon.ico फ़ाइल को बदलें.