वर्डप्रेस ब्लॉगर्स: ऑलवेज वैलिड लाइटबॉक्स मॉड प्लगइन के साथ मार्कअप सत्यापन समस्याओं को ठीक करें

यहां विनेरो, और मेरी कुछ अन्य परियोजनाओं के लिए, मैं ब्लॉग पोस्ट में डाली गई छवियों के लिए एक फैंसी प्रभाव का उपयोग करना पसंद करता हूं। लाइटबॉक्स प्रभाव , जैसा कि यह सर्वविदित है, वर्डप्रेस के लिए कई प्लगइन्स द्वारा प्रदान किया गया है। एक बार, मैंने अपने वर्डप्रेस ब्लॉग का विषय बदल दिया और इसे मान्य करने का प्रयास किया w3c सत्यापनकर्ता , लेकिन मेरे पिछले लाइटबॉक्स प्लगइन द्वारा प्रदान किया गया HTML मार्कअप गलत था और मान्य नहीं था। मैंने इस मुद्दे को ठीक करने का फैसला किया और यह तब हुआ जब मैंने ' हमेशा वैध लाइटबॉक्स 'प्लगइन, जो वैध मार्कअप का उत्पादन करता है। मैं लगभग पूरी तरह से संतुष्ट था जब तक कि मैंने इसके साथ कुछ समस्याएं नहीं देखीं।

विज्ञापन

क्या आप उपहार में दिए गए गेम को स्टीम पर वापस कर सकते हैं

पहली समस्या गलत छवि कैप्शन थी। हमेशा वैध लाइटबॉक्स प्लगइन हमेशा उपयोग करने की कोशिश करता है तस्वीर का शीर्षक , जो मैं लगभग कभी भी अपनी छवियों के लिए उपयोग नहीं करता हूं। जब कैप्शन सेट नहीं होता है, तो यह लाइटबॉक्स में कुछ भी प्रदर्शित नहीं करता है। इसके बजाय मैं उपयोग करता हूं 'alt' विशेषता पाठ जिसे प्लगइन ने प्रदर्शित नहीं किया।

दूसरी समस्या अजीब छवि के आकार की थी। मुझे हाल ही में इसके साथ एक समस्या का सामना करना पड़ा ' याहू में टैब कैसे प्राप्त करें! मेल ' पद। इसकी निम्न छवि है:

जब मैंने उस छवि को क्लिक किया, तो मुझे निम्नलिखित लाइटबॉक्स मिला:

विंडोज़ १० विंडोज़ ७ थीम

इसलिए मैंने प्लगइन को कांटा करने का फैसला किया। यदि मैंने कैप्शन सेट नहीं किया है, तो मैंने रिसाइज़िंग कोड को बदल दिया है और प्लगइन को 'alt' विशेषता के लिए संदर्भित किया है। परिणाम इस प्रकार है:

जैसा कि आप देख सकते हैं, छवि के नीचे पाठ विवरण भी दिखाया गया है। इसके अलावा, मैंने बाहरी jQuery लाइब्रेरी की लोडिंग को हटा दिया है, क्योंकि यह सिर्फ खराब है। वर्डप्रेस में पहले से अंतर्निहित jQuery है। इसलिए, अब मैं प्लगइन के माध्यम से पूरी तरह से खुश हूं। मैंने अपना संस्करण कॉल करने का निर्णय लिया: हमेशा वैध लाइटबॉक्स मॉड।

आप यहाँ से मेरा संशोधन डाउनलोड कर सकते हैं:

वर्डप्रेस के लिए हमेशा वैलिड लाइटबॉक्स मॉड प्लगइन डाउनलोड करें

यदि और जब यह वर्डप्रेस प्लगइन गैलरी में स्वीकृत हो जाता है, तो मैं प्लगइन पेज पर भी लिंक जोड़ दूंगा।

उन्हें जाने बिना स्नैपचैट कैसे सेव करें

अब आप आधिकारिक वर्डप्रेस गैलरी से प्लगइन प्राप्त कर सकते हैं।

WordPress.org से डाउनलोड करें