पूरी साइट के लिए थीम का रंग तय करने के लिए, वेब ऐप्लिकेशन मेनिफ़ेस्ट का इस्तेमाल करना

Chrome ने 2014 में, आपकी साइट के लिए थीम के रंग का कॉन्सेप्ट पेश किया था. थीम का रंग, आपके वेब पेज से मिला एक संकेत होता है. इससे ब्राउज़र को पता चलता है कि पता बार जैसे यूआई एलिमेंट को किस रंग में रंगना है.

उदाहरण के लिए, यहां इस साइट को थीम के रंग के साथ और उसके बिना दिखाया गया है.

थीम का रंग
थीम का रंग

समस्या यह है कि आपको हर पेज पर थीम का रंग तय करना होता है. अगर आपकी साइट बड़ी है या लेगसी साइट है, तो साइट पर कई बदलाव करना हमेशा संभव नहीं होता.

Chrome 46 (सितंबर 2015 का बीटा वर्शन) से, अपने मेनिफ़ेस्ट में theme_color एट्रिब्यूट जोड़ने पर, होम स्क्रीन से साइट लॉन्च करने पर, उपयोगकर्ता आपके डोमेन पर जिस भी पेज पर जाएगा उस पर रंग अपने-आप लागू हो जाएगा.

अगर आपके पेज में पहले से ही थीम-कलर मेटा टैग है, जैसे कि <meta name="theme-color" content="#2196F3">, तो मेनिफ़ेस्ट में दी गई वैल्यू के बजाय, पेज लेवल कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा.

इसके लिए, अपने मेनिफ़ेस्ट में theme_color एट्रिब्यूट जोड़ें और एचटीएमएल रंग तय करें.

    "theme_color": "#2196F3"

इसे इस्तेमाल करने का तरीका जानने के लिए, Airhorner — the world’s best airhorn पर जाएं और इसे अपनी होम स्क्रीन पर जोड़ें. इसके अलावा, साइट का मेनिफ़ेस्ट देखें.

अक्सर पूछे जाने वाले सवाल

  • क्या यह नीति तब भी लागू होती है, जब मेरी साइट को होम स्क्रीन से लॉन्च न किया गया हो?
    हां.
  • क्या यह मेरी पूरी साइट पर कभी लागू होगा, जैसे कि जब कोई उपयोगकर्ता सिर्फ़ ब्राउज़ कर रहा हो?
    फ़िलहाल, ऐसा होने की संभावना नहीं है. ऐसा करने के लिए, ब्राउज़र को मेनिफ़ेस्ट को ज़्यादा बार डाउनलोड करना होगा. फ़िलहाल, यह कम प्राथमिकता वाली एसेट है. इसका मकसद, तब पार्स करना है, जब उपयोगकर्ता साइट को होम स्क्रीन पर जोड़ता है.