🧙🏽 ♦️ 🏼 स्पीड डायल में अपनी साइट को हाइलाइट करें 👩🏾‍🤝‍👩🏽 🏇 🙃

ओपेरा का डेस्कटॉप संस्करण, 11.10 संस्करण से शुरू होता है, साइट मालिकों को यह निर्धारित करने की अनुमति देता है कि एक्सप्रेस पैनल के थंबनेल में उनकी साइट कैसे प्रदर्शित होगी। डिफ़ॉल्ट रूप से, पूरे वेब पेज का एक स्क्रीनशॉट प्रदर्शन के लिए उपयोग किया जाता है। अब आप सीएसएस के माध्यम से या वेब पेज के शरीर में आइकन निर्दिष्ट कर सकते हैं।

लोगो

यह अनुभाग एक्सप्रेस पैनल में अपने स्वयं के लोगो या आइकन का उपयोग करने के तरीके के लिए समर्पित है।

एचटीएमएल 5 प्रतीक

आप बुकमार्क आइकनों से परिचित हो सकते हैं। उन्हें पहली बार 1999 में इंटरनेट एक्सप्लोरर के संस्करण 5 में पेश किया गया था। यद्यपि वे HTML4 विनिर्देश में शामिल नहीं थे, ब्राउज़र निर्माता अंततः लिंक की रिले विशेषता के मूल्य के रूप में आइकन समर्थन को शामिल करने के लिए सहमत हुए । ऐप्पल ने बाद में ऐप्पल-टच-आइकन के माध्यम से अपने टचस्क्रीन उपकरणों पर आइकन समर्थन का विस्तार किया। HTML5 विनिर्देश के अनुसार, आइकन वर्तमान में rel विशेषता के लिए एक मान्य , मानकीकृत तत्व मान है ।

एक्सप्रेस पैनल आइकन घोषणा

एक्सप्रेस पैनल के लिए आइकन की घोषणा साइट आइकन की घोषणा के समान है। आपको केवल वेब पेज के मुख्य भाग में टैग जोड़ने की आवश्यकता है:

<head> <title>My Opera</title> <link rel="icon" type="image/png" href="http://path/to/logo.png"> </head>

एक्सप्रेस पैनल के लिए आइकन होना चाहिए:

न्यूनतम 114 x 114 पिक्सेल। छोटे आइकन को अनदेखा किया जाएगा;
फ़ाइल PNG, JPG या GIF प्रारूप में होनी चाहिए। एसवीजी फाइलें अभी तक समर्थित नहीं हैं। एनिमेटेड छवियों का उपयोग करने के मामले में, केवल पहला फ्रेम प्रदर्शित किया जाएगा।

डिफ़ॉल्ट रूप से, अधिकतम आइकन का आकार 260 x 195 पिक्सेल है। बड़े आइकन एक उपयुक्त आकार ( डेमो ) में कम हो जाएंगे। आप ओपेरा में ब्राउज़र सेटिंग्स मेनू में न्यूनतम और अधिकतम आइकन आकार के लिए डिफ़ॉल्ट मान बदल सकते हैं: कॉन्फ़िगरेशन।
ओपेरा 11.10 ऐप्पल-टच-आइकन, ऐप्पल-टच-आइकन-प्री-कंपोज़्ड और इमेज_एसकेजी का भी समर्थन करता है।

कई आइकन का उपयोग करना

आप कई आइकन भी निर्दिष्ट कर सकते हैं। यह बहुत सुविधाजनक है यदि आप चाहते हैं कि उपयोगकर्ता बुकमार्क में एक पृष्ठ जोड़ते समय एक आइकन का उपयोग करें, और दूसरा एक्सप्रेस पैनल में साइट जोड़ते समय।

 <head> <title>My Opera</title> <link rel="icon" type="image/png" href="http://path/to/128x128image.png"> <!-- This will be the speed dial icon --> <link rel="icon" type="image/png" href="http://path/to/200x200image.png"> </head>

यदि आप कई आइकन घोषित करते हैं, तो एक्सप्रेस पैनल एक बड़ा ( डेमो ) प्रदर्शित करेगा। यदि चिह्न समान आकार के हैं, तो जो पहले घोषित किया गया था ( डेमो ) का उपयोग किया जाएगा।

सामग्री-विशिष्ट एक्सप्रेस पैनल

यह अनुभाग एक्सप्रेस पैनल के लिए सामग्री प्राप्त करने के कई नए तरीकों का वर्णन करता है:

व्यू-मोड का उपयोग: सीएसएस में कम से कम;
X- उद्देश्य HTTP हेडर का उपयोग करना
स्वचालित रिबूट।

व्यू-मोड का उपयोग: न्यूनतम

चित्रा 1: ओपेरा में एक्सप्रेस पैनल 11.10

व्यू-मोड पैरामीटर यह निर्धारित करता है कि दृश्य मोड के आधार पर शैलियों को कैसे निर्दिष्ट किया जाएगा। व्यू-मोड का उपयोग करके: न्यूनतम, आप एक्सप्रेस पैनल के लिए इच्छित सामग्री के लिए वैकल्पिक प्रदर्शन शैलियों को परिभाषित कर सकते हैं। व्यू-मोड डिवाइस-चौड़ाई के समान काम करता है। स्टाइल्स में मीडिया होना चाहिए।

 @media screen and (view-mode: minimized) { body { color: #fff; background: #b20000; } }

आप सीएसएस फ़ाइल भी शामिल कर सकते हैं और मीडिया विशेषता का मान निम्नानुसार सेट कर सकते हैं:

 <link rel=stylesheet type="text/css" href="minimizedstyles.css" media="(view-mode:minimized)">

व्यू-मोड का उपयोग करके एक उदाहरण: यहां कम से कम।
उस दृश्य-विधा को याद रखें: एक्सप्रेस पैनल में न्यूनतम विंडो को 260 x 195 पिक्सल में स्विच करता है।

HTTP हैडर का उपयोग करना

एक्सप्रेस पैनल के लिए अलग-अलग यूआरएल का उपयोग करना भी संभव है, जिनमें से प्रत्येक अनुरोध में एक अतिरिक्त एक्स-उद्देश्य: पूर्वावलोकन HTTP हेडर है।

 GET / HTTP/1.1 Host: www.bbc.co.uk/news X-Purpose: preview User-agent: Opera/9.80 (Macintosh; Intel Mac OS X 10.6.6; U; en) Presto/2.8.99 Version/11.10

जब यह HTTP हेडर का पता लगाया जाता है, तो आप यह चुन सकते हैं कि किस URL का उपयोग किया जाएगा, एक्सप्रेस पैनल को भेजी जाने वाली फ़ाइलों को निर्धारित करें, या एक्सप्रेस पैनल के लिए विशेष रूप से तैयार की गई सामग्री प्रदर्शित करें। ध्यान दें कि उपयोगकर्ता पैनल एक्सप्रेस पैनल से साइट पर नेविगेट करते समय समान प्रभाव नहीं होगा।
नीचे दिए गए उदाहरण में, हम Apache सर्वर के mod_rewrite निर्देश का उपयोग सभी एक्सप्रेस पैनल के अनुरोधों को एड्रेस /preview.html पर पुनर्निर्देशित करने के लिए करते हैं (आप किसी विशिष्ट स्थिति में अनुरोधों को निर्दिष्ट करना चाह सकते हैं):

 RewriteEngine On RewriteCond %{HTTP:X-Purpose} ^preview$ RewriteRule ^(.*) /preview.html

या हो सकता है कि आप किसी भाषा में सर्वर-साइड क्वेरी प्रोसेसिंग का उपयोग करना पसंद करते हों। निम्नलिखित PHP में एक उदाहरण है:

 <?php if ($_SERVER['HTTP_X_PURPOSE'] == 'preview') { // Send Speed Dial content } else { // Send regular content } ?>

एक विशिष्ट अंतराल पर ऑटो अपडेट

एक्सप्रेस पैनल की सामग्री को और अधिक गतिशील बनाने के लिए, आप अपडेट के लिए अंतराल सेट कर सकते हैं, जिसका उपयोग साइट को एक्सप्रेस पैनल में जोड़ने के बाद किया जाएगा। ऐसा करने के दो तरीके हैं:

मेटा टैग का उपयोग करना:
```
 <meta http-equiv="preview-refresh" content="3600"> 
```
प्रपत्र का HTTP प्रतिसाद लौटा रहा है:
```
 Preview-Refresh: 3600 
```

यह अंतराल सेकंड में इंगित किया जाता है, अर्थात 3600 का मान 1 घंटे होगा।

प्राथमिकता

एक्सप्रेस पैनल के लिए सामग्री प्राप्त करने की प्रक्रिया इस प्रकार है:
प्राथमिकता पहले व्यू-मोड को दी गई है: सीएसएस और शैलियों में न्यूनतम। यदि शैलियाँ उपलब्ध नहीं हैं, तो ब्राउज़र पृष्ठ के लिए एक आइकन घोषणा की तलाश करेगा। यदि कुछ भी घोषित नहीं किया गया है या फ़ाइल सुलभ या क्षतिग्रस्त नहीं है, तो मानक विधि का उपयोग किया जाएगा, अर्थात् पूरे पृष्ठ का स्नैपशॉट जोड़कर।

इस कार्यक्षमता का समर्थन करने वाले उत्पाद

अब तक, ये सुधार केवल ओपेरा ब्राउज़र के डेस्कटॉप संस्करण के उपयोगकर्ताओं के लिए उपलब्ध हैं।

संदर्भ के लिए

HTML5 WHATWG विनिर्देश से लिंक
व्यू-मोड विनिर्देश

स्पीड डायल में अपनी साइट को हाइलाइट करें