כיצד לתקן בעיות אימות סימון עם תוסף ה-lightbox

כאן ב-Winaero, ועבור כמה מהפרויקטים האחרים שלי, אני מעדיף להשתמש באפקט מפואר עבור תמונות המוכנסות לפוסטים בבלוג. ה אפקט lightbox, כידוע, מסופק על ידי מספר תוספים לוורדפרס. פעם, שיניתי את הנושא של בלוג הוורדפרס שלי וניסיתי לאמת אותו עם מאמת w3c, אבל סימון ה-HTML שסופק על ידי הפלאגין הקודם של Lightbox היה שגוי ולא חוקי. החלטתי לתקן את הבעיה ואז גיליתי את "Lightbox תקף תמיד" תוסף, המייצר סימון חוקי. הייתי מרוצה כמעט לחלוטין עד שהבחנתי בבעיות עם זה.

הבעיה הראשונה הייתה כיתוב תמונה שגוי. התוסף Always Valid Lightbox מנסה תמיד להשתמש ב כיתוב תמונה, שאני כמעט אף פעם לא משתמש בו עבור התמונות שלי. כאשר הכיתוב אינו מוגדר, הוא אינו מציג דבר ב-Lightbox. במקום זאת אני משתמש ב- טקסט תכונה "alt". שהתוסף לא הציג.

הבעיה השנייה הייתה שינוי גודל התמונה המוזר. נתקלתי בבעיה עם זה לאחרונה עם "כיצד להחזיר כרטיסיות ב-Yahoo! דוֹאַר" הודעה. יש לו את התמונה הבאה:

כאשר לחצתי על התמונה, קיבלתי את ה-lightbox הבא:

אז החלטתי לפזר את התוסף. שיניתי את קוד שינוי הגודל וגרמתי לפלאגין להתייחס לתכונה "alt" אם הכיתוב לא מוגדר. התוצאה היא כדלקמן:

כפי שאתה יכול לראות, התיאור הטקסטואלי מתחת לתמונה מוצג גם. כמו כן, הסרתי את הטעינה של ספריית jQuery החיצונית, כי היא פשוט גרועה. לוורדפרס כבר יש jQuery מובנה. אז, עכשיו אני לגמרי מרוצה מהמוד של התוסף. החלטתי לקרוא לגרסה שלי: מוד Lightbox תקף תמיד.

אתה יכול להוריד את השינוי שלי מכאן:

הורד את תוסף Lightbox Mod Always Valid לוורדפרס

אם וכאשר הוא יאושר בגלריית הפלאגין של וורדפרס, אוסיף גם את הקישור לעמוד הפלאגין.

כעת אתה יכול לקבל את התוסף מגלריית וורדפרס הרשמית.

הורד מ-WordPress.org