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

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

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

"alt" विशेषता टेक्स्ट जो प्लगइन प्रदर्शित नहीं किया।

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

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

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

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

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

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

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

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

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