LOADING ...

अपडेट किया गया एंकर टैग एडिटर

Jamie Levinson Feb 12, 2019. 0 comments

संपादक में फ़ीचर्ड पोस्ट के लिए एंकर लिंक जोड़ने और लागू करने के आसपास जीवन सुधार की गुणवत्ता जोड़ता है।

  • full-bleed-widget लिए एंकर इनपुट फ़ील्ड में कार्यक्षमता जोड़ता है जो एंकर टैग इनपुट को रिक्त स्थान का उपयोग नहीं करने के लिए मजबूर करता है। पुष्टि करता है कि इनपुट पृष्ठ के लिए अद्वितीय है और ऐसा न होने पर चेतावनी प्रदान करता है।
  • जब एंकर मान मौजूद होता है, तो "इन्सर्ट लिंक" मोडल के भीतर एक ड्रॉप डाउन उत्पन्न करता है, जो उपलब्ध मूल्यों से आबाद होता है।
  • "इंसर्ट लिंक" मोडल में कार्यक्षमता जोड़ें जो रिक्त लिंक मान को जोड़ने की अनुमति नहीं देता है और केवल url इनपुट फ़ील्ड में मान या एंकर लिंक ड्रॉप डाउन से चुने जाने वाले आइटम की अनुमति देता है। जब एक जोड़ा जाता है / चयनित किया जाता है, तो दूसरा साफ़ हो जाता है

Anchor Tag Validation

  • full-bleed-widget के एंकर टैग को अपडेट करें
  • समान मान का उपयोग करने के लिए एक अलग full-bleed-widget को अपडेट करने का प्रयास करें और निम्न व्यवहार होना चाहिए:

Add Link Modal Improvement

  • टूलबार में "लिंक / अनलिंक" बटन का उपयोग करके पृष्ठ पर एक लिंक जोड़ें
  • एंकर एक ड्रॉप डाउन में उपलब्ध होना चाहिए:

Other Jamie Levinson's posts

लंबित प्रभाव विकल्प को पूर्ण ब्लीड विजेट में जोड़ा गया है लंबित प्रभाव विकल्प को पूर्ण ब्लीड विजेट में जोड़ा गया है

उपयोगकर्ता अब पूर्ण ब्लीड विजेट का उपयोग करके चित्रित पोस्ट में लंबन सक्षम चित्र जोड़ सकते हैं। यहाँ और पढ़ें इसके अतिरिक्त फुल ब्लीड विजेट अब WYSIWYG को संपादक में प्रस्तुत करता है। इसलिए उपयोगकर्ताओं को पोस्ट को सामने के छोर पर लेआउट का पूर्वावलोकन करने के लिए मसौदे के रूप में सहेजने की आवश्यकता नहीं है।

Teads वर्तमान JW के बाहर के खिलाड़ी की जगह लेता है Teads वर्तमान JW के बाहर के खिलाड़ी की जगह लेता है

अब हम अपने Phase One रोलआउट के हिस्से के रूप में हमारे जेडब्ल्यू आउटस्ट्रीम खिलाड़ी के स्थान पर Teads की सेवा कर रहे हैं। समीक्षा के माध्यम से: Teads निम्नलिखित साइटों पर दिखाई देगा: Deadspin, Jalopnik, Jezebel, Kotaku, Splinter, The Root, The Takeout, और The Inventory। हम इन-आर्टिकल वीडियो को छोड़ देते हैं। मतलब गिज़मोडो, लाइफहाकर, द प्याज, द एवी क्लब, और क्लिकहोल्ड तब तक खिलाड़ी की सेवा नहीं करेंगे, जब तक कि एक स्टार्टर पोस्ट का एडज़ोन पार्टनर्स के लिए सेट नहीं हो जाता। टिप हमें 100% मांग के करीब भेजने के लिए जा रहे हैं क्योंकि वे मस्टर कर सकते हैं। हालाँकि यह 50% डेस्कटॉप, 40% मोबाइल के रूप में टूट जाता है। इसलिए आप हमेशा अपने डिवाइस / ब्राउज़र के आधार पर इस इकाई को नहीं देख सकते हैं। वे उन नंबरों के लिए रैंप की भी उम्मीद करते हैं, इसलिए हम अगले दो हफ्तों में भरने की निगरानी करेंगे और फिर यह देखने के लिए कि यह कैसा प्रदर्शन कर रहा है।

परिक्षण परिक्षण

नमस्ते?

Suggested posts

छवियों पर "आवर्धक लाइटबॉक्स" प्रभाव को निष्क्रिय करने का विकल्प जोड़ा गया छवियों पर "आवर्धक लाइटबॉक्स" प्रभाव को निष्क्रिय करने का विकल्प जोड़ा गया

अब छवि अपलोड पर एक टॉगल मौजूद है जिसे क्लिक / होवर पर विस्तार प्रभाव के बिना इनलाइन प्रदर्शित करने की अनुमति देने के लिए बंद किया जा सकता है। डिफ़ॉल्ट रूप से टॉगल की डिफ़ॉल्ट स्थिति "मैग्निफायर लाइटबॉक्स ऑन" होगी। एक उपयोगकर्ता को प्रभाव को बंद करने का विकल्प चुनना होगा।

पूर्ण ब्लीड विजेट विशेष रुप से पोस्ट विकल्पों में जोड़ा गया पूर्ण ब्लीड विजेट विशेष रुप से पोस्ट विकल्पों में जोड़ा गया

निम्न ट्यूटोरियल आपको किन्जा संपादक का उपयोग करके एक FBW को खरोंच से बनाने और परिष्कृत करने में मदद करेगा। FBW के चार महत्वपूर्ण भाग हैं: आधार छवि ओवरले छवि (वैकल्पिक) कस्टम सामाजिक शेयर (वैकल्पिक) के साथ एंकर लिंक लंबन प्रभाव (वैकल्पिक) आधार छवि पूर्ण ब्लीड विजेट में कम से कम एक छवि ( a base image ) शामिल होती है ताकि आप शुरू करने से पहले सुनिश्चित करें कि आपके पास एक है। एक द्वितीयक छवि को एक उपरिशायी के रूप में जोड़ा जा सकता है लेकिन बाद में हम इसे प्राप्त करेंगे। चूंकि पूर्ण ब्लीड विजेट का प्राथमिक लक्ष्य अपने चित्रित पोस्ट में एक बड़े दृश्य तत्व को जोड़ना है, इसलिए यह अनुशंसा की जाती है कि आप एक बहुत ही आसान छवि चित्र का उपयोग करें: हम एक ऐसी छवि सुझाएंगे जो कम से कम 800px लंबी और कम से कम 3000px चौड़ी हो । हालांकि यह एक कठिन आवश्यकता नहीं है और आपको विभिन्न आकारों के साथ प्रयोग करने के लिए स्वतंत्र महसूस करना चाहिए। विचार यह है कि इस विजेट को आपकी रचनात्मक जरूरतों को पूरा करना चाहिए और आपको एक पूर्वनिर्धारित डिजाइन की कमी के कारण मजबूर नहीं करना चाहिए। आपको एफबीडब्ल्यू विकल्प के लिए विशेष रुप से प्रदर्शित टेम्पलेट का चयन करना होगा । हम डिफ़ॉल्ट पोस्ट में FBW का समर्थन नहीं करते हैं। चलो बस आधार छवि के साथ एक की जाँच करें: आधार छवि का उपयोग करके FBW का एक उदाहरण। जब छवि व्यूपोर्ट में प्रवेश करती है तो सूक्ष्म फीका-प्रभाव लागू होता है। क्या हम एक बनायेंगे? FBW को सक्षम करने के लिए इसे संपादक में नए ड्रॉपडाउन मेनू से चुनें: इन्सर्ट FBW ऑप्शन को सेलेक्ट करने से FBW जहाँ आपका कर्सर है और एक इमेज अपलोड मोडल ओपन होगा। एक बार जब आप आधार छवि परिसंपत्ति अपलोड कर लेते हैं, तो आप इसे ड्राफ्ट के रूप में सहेज कर इसका पूर्वावलोकन कर सकते हैं। यदि आपको ओवरले की आवश्यकता नहीं है, तो आप कर चुके हैं! देखा! FBW का एक उदाहरण एक कस्टम PNquote के रूप में एक पारदर्शी PNG का उपयोग करता है। Overlay Image (optional) आधार छवि के व्यूपोर्ट में स्क्रॉल करते ही यह वैकल्पिक तत्व फ़ेड हो जाता है। तो बेस इमेज फीकी पड़ जाएगी और फिर ओवरले इमेज को प्रकट करेगा। ओवरले ऊर्ध्वाधर और क्षैतिज रूप से आधार छवि पर केंद्रित है। ओवरले के लिए कुछ अच्छा सूक्ष्म आंदोलन है और आपकी सामग्री के लिए एक सुंदर शांत दृश्य लिफ्ट के लिए बनाता है। कुछ उपयोगों को एक नए खंड विच्छेद के रूप में FBW निरूपित करने के लिए एक कस्टम फ़ॉन्ट (नीचे देखें) या शीर्षक के साथ एक ब्लॉकक्वाइन शामिल किया जा सकता है। ओवरले छवि वर्तमान में 830px की अधिकतम चौड़ाई पर कैप की गई है, लेकिन उससे अधिक चौड़ी हो सकती है। यह जिम्मेदारी से सिर्फ पैमाना होगा। एक ओवरले छवि जोड़ने के लिए बस आधार छवि पर क्लिक करें और एक ओवरले आइकन दिखाई देगा। आइकन पर क्लिक करें और आपको एक वैकल्पिक ओवरले छवि अपलोड करने के लिए प्रेरित किया जाएगा (फिर से यह एफबीडब्ल्यू की आवश्यकता नहीं है और इसका उपयोग केवल तभी किया जाना चाहिए जब आप ओवरले जोड़ना चाहते हैं): कस्टम सामाजिक शेयर (वैकल्पिक) के साथ एंकर लिंक चूंकि एफबीडब्ल्यू एक अच्छा तरीका है, एक पोस्ट के भीतर अपनी सामग्री में अलग-अलग वर्गों को जोड़ें, हमने तत्व पर एक एंकर प्रदान करने की क्षमता जोड़ी है। यह एक वैकल्पिक क्षेत्र है और आप इसे हमेशा खाली छोड़ सकते हैं। इच्छित एंकर टैग के साथ लंगर क्षेत्र को भरने के रूप में यह एक के रूप में सरल है: यानी आकर्षित किया तब आप एक पाठ तत्व में एंकर को जोड़ने के लिए किन्जा लिंक टूल का उपयोग करेंगे उसी तरह जब आप टेक्स्ट को लिंक में परिवर्तित करेंगे। URL फ़ील्ड भरने के बजाय अब आप ड्रॉपडाउन मेनू से आपके द्वारा बनाए गए लंगर का चयन कर सकते हैं: अब आपने एक लिंक बनाया है जो संबंधित एंकर टैग के साथ FBW के लिए लंगर डालता है! मैं वह पाठ हूं जो आधार छवि उदाहरण के लिए कूदता है मैं पाठ हूं जो ओवरले छवि उदाहरण के लिए कूदता है कस्टम सामाजिक साझा जानकारी (यदि लंगर मौजूद है तो बनाई गई): आप यह भी देखेंगे कि यदि कोई लंगर मौजूद है तो URL अपने आप स्क्रॉल पर अपडेट हो जाएगा। इस लिंक का उपयोग पोस्ट के शीर्ष पर प्रवेश करने वाले उपयोगकर्ता के बजाय सीधे लंगर वाली सामग्री को बढ़ावा देने के लिए भी किया जा सकता है। यूआरएल इस तरह दिखेगा: https://changelog.kinja.com/full-bleed-widget-added-to-featured-post-options-1820331713?anchor=overlay-image यदि कोई उपयोगकर्ता एक पूर्ण ब्लर विजेट साझा करता है जिसमें एक एंकर है, तो FBW छवि का उपयोग सामाजिक प्रचार के लिए और साथ ही FBW के बाद पहले पैराग्राफ के लिए किया जाएगा: शेयर बटन स्वचालित रूप से आपके द्वारा पढ़ी जा रही सामग्री के अनुभाग को साझा करने के लिए अद्यतन करेगा। Parallax Effect (optional) FBW एक लंबन प्रभाव का भी समर्थन करता है। इस विकल्प को केवल लंबन आइकन पर क्लिक करके टॉगल किया जा सकता है। समान आयाम सुझाव यहां लागू होते हैं। यह ध्यान रखना महत्वपूर्ण है कि इसमें छवि को एक पृष्ठभूमि तत्व में बदलने का प्रभाव होता है जो ब्राउज़र विंडो को कवर करता है। प्रत्येक ब्राउज़र आयाम पर छवि के भाग दिखाई नहीं देंगे (16x9 आपकी छवियों के लिए अपेक्षाकृत सुरक्षित अनुपात है)। एक लंबवत पृष्ठभूमि तत्व के लंबन के साथ एफबीडब्ल्यू पर विचार करना सबसे अच्छा है। यह भी ध्यान रखना महत्वपूर्ण है कि यह एक desktop only supported feature और मोबाइल दृश्य स्वयं को मानक FBW के रूप में प्रस्तुत करेगा। यदि आप पूर्ण ब्लीड इमेज एसेट के रूप में gif का उपयोग कर रहे हैं, तो हम उन्हें विजुअल और पेज स्पीड ऑप्टिमाइजेशन दोनों के लिए mp4 में बदल देते हैं। इसका मतलब यह है कि gifs लंबन प्रभाव प्राप्त नहीं कर सकते क्योंकि वे अब छवियों के रूप में प्रदान नहीं किए गए हैं। उम्मीद है कि FBW आपको फ़ीचर्ड पोस्ट टेम्पलेट का उपयोग करके अपनी स्टोरीटेलिंग को बढ़ाने और बढ़ाने के लिए नए और रचनात्मक तरीके खोजने के लिए प्रेरित करेगा। किसी भी प्रश्न और चिंताओं से मुक्त होने के लिए स्वतंत्र महसूस करें। धन्यवाद!

Language