בלוג זה ידון במשמעות של WordPress Lightbox ובפרוצדורה ליישם אותה.
מה זה Lightbox בוורדפרס?
תיבת תאורה מתאימה לחלון קופץ המוצג בפוסטים/דפים כדי להציג תמונה קטנה יותר בגודל מלא. זה כזה שהוא פועל כגלריה לייבוא/העלאת פריטי מדיה מרובים ופריסה שלהם לאתר. כמו כן, לאחר הפריסה, כאשר לוחצים על המדיה, היא מוגדלת ומופיעה בבירור על המסך. היישום הנפוץ ביותר של Lightbox הוא תצוגה תמונות באיכות גבוהה בבלוג על ידי שמירה על גודלם.
כיצד ליישם Lightbox בוורדפרס?
ניתן ליישם/ליישם את ה-LightBox בעזרת תוספים שונים. במקרה זה, ' Lightbox וגלריה רספונסיביים ' ייעשה שימוש בתוסף.
נצל את השלבים הבאים כדי ליישם את ה-lightbox בוורדפרס.
שלב 1: התקן את הפלאגין
קודם כל, התקן את ' Lightbox וגלריה רספונסיביים 'תוסף מ' תוספים->הוסף חדש ”:
לאחר סיום ההתקנה וההפעלה, הפעל את ' התחל סיור 'כפתור כדי להתחיל להשתמש בתוסף:
שלב 2: הוסף תמונות
כעת, הוסף גלריה חדשה מ' גלריה->הוסף חדש ”:
לאחר מכן, הקצה שם מותאם אישית לגלריה והשתמש ב-' ספריית מדיה ' אפשרות והפעלה ' בחר תמונות ' כדי להעלות את התמונות החדשות או להוסיף תמונות קיימות מספריית המדיה:
כאן, סמן את התמונות לשימוש ולחץ על הכפתור המודגש:
שלב 3: ערוך את התמונות שהועלו
כדי לערוך או למחוק את התמונות במקום זאת, העבר את העכבר מעל תמונת/ות היעד כדי להציג אפשרויות חדשות, באופן הבא:
כאן, ניתן לדמיין כי בלחיצה על ' ערוך תמונה 'אפשרויות, אפשרויות עריכה שונות כגון טקסט חלופי, כותרת, כיתוב ותיאור מתגלות שניתן למלא בהתאם. לאחר העריכה, הקפד ללחוץ על ' שמור שינויים ' כפתור:
התאמה אישית של ה-Lightbox
להתאמה אישית של ה-Lightbox, ישנן מספר כרטיסיות שהוקצו כאשר לכל אחת יש פונקציות ייעודיות. כרטיסיות אלו יוסברו בנפרד.
כרטיסיית Config (Configuration): כרטיסייה זו מאפשרת לך לבחור בסגנון הגלריה. הוא כולל את ארבע האפשרויות המצוינות כלחצני בחירה עבור תצורת הגלריה:
כרטיסיית עיצוב: הוא כולל אפשרויות מרובות לשינוי התמונה הממוזערת, הכותרת, הרקע והגבול, בהתאמה:
כרטיסיית החלפה: כרטיסייה זו מאפשרת למפתח לאפשר עימוד, לציין את סוגו, מיקומו וכו':
כרטיסיית Lightbox: כאן, ניתן להתאים את גודל התמונה יחד עם הגדרת הכותרת והכיתוב שלה:
לשונית שונות: זה מאפשר להוסיף את ' תיאור הגלריה ' ו' שיעורים מותאמים אישית ' וכו.:
הוספת ה-Lightbox לדפי וורדפרס/פוסטים
לאחר עיצוב הגלריה, ניתן להוסיף את הפוסטים או הדפים גם כ-lightbox. לשם כך, הדבק את הקוד הקצר במסך העריכה של הפוסט/דף היעד באמצעות השלבים המפורטים להלן:
שלב 1: נווט אל כל הגלריות
לעבור ל ' גלריה > כל הגלריות ' והעתיקו את הקוד הקצר מה-' קוד קצר ' טור:
שלב 2: הדבק את הקוד
כאן, פותח את הדף (במקרה זה) או את הפוסט שיש לשנות עם ה-lightbox והדבק את הקוד הקצר לתוך בלוק עורך הטקסט ישירות, כמפורט להלן:
מראה אתר אחרון
להלן המראה הסופי של האתר לאחר הטמעת תמונות Lightbox בדף הבית:
התמונות האלה בלחיצה, פועלות כקרוסלה בגודל מלא ללא מעורבות של כל פונקציונליות אחרת:
סיכום
א ' קופסה קלה ” מתאים לחלון מוקפץ שפועל כגלריה לייבוא פריטי מדיה מרובים ולפרוס אותם לאתר. ניתן ליישם אותו בעזרת תוספים שונים. כמו כן, הוא כולל אפשרויות התאמה אישית מרובות שניתן להחיל על תמונת היעד ובסופו של דבר לשלב עם הפונקציונליות של האתר. הכתבה הזו דנה בעבודה של ' קופסה קלה ' והמתודולוגיות ליישם אותו.