לייטבוקס לוורדפרס

lesson04-lightbox-plugin.gif
lightBox הוא הפלאגין לוורדפרס החביב עלי ביותר, לכן הכנתי פוסט במיוחד בשבילו.
הפלאגין מוסיף אלגנטיות לאתר כאשר פותחים תמונה או מצגת.
דוגמה: הקלק על התמונה כדי לראות את lightbox בפעולה.
lightbox example
כפי שאתם רואים תצוגת פתיחת התמונות משתנה לבסיס פלאש, מרשים במיוחד.
מדריך זה "יחזיק לכם את היד" כאשר אתם מתקינים ומגדירים את lightbox לוורדפרס.

אופן התפעול
הפלאגין הזה קשה קצת לתפעול אך אולי היחיד שבאמת ששווה את המאמץ
.
עברו כמה ימים עד שסוף סוף הצלחתי להפעיל אותו כמו שצריך.

הבעיות
אחרי התקנת הפלאגין שום דבר לא משתנה, תצוגת התמונות נשארת אותו דבר ואין דרך להבדיל
באם התקנו את הפלאגין או לא.
כשהתחלתי לחפש מקורות מידע על הפלאגין:

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

explain.gif בברירת המחדל פורמט הקוד לקישור תמונה בוורדפרס הוא:
img src="http://pic-file וצריך לשנותו ל- herf="http://pic-file
כפי שמוצג בתמונה.

lightbox-code-sample-image.gif

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

לכן הפתרון הוא כזה

אני יודע שציינתי שעדיף להימנע מלהתקין פלאגינים רבים ועדיף כמובן לכתוב הכל בעצמנו.
אך לא לכולנו יש את היכולת ולא את הזמן להשקיע ולכתוב את הקוד מחדש.

lightbox-solved.gif
הנה הפתרון שעובד בשבילי.
נוריד את הפלאגין: הורדה \הסבר\ wp-lightbox07.zip
לאחר הורדה והתקנה פשוטה למדי (ראה: later.gifמדריך) ניתן לבדוק אם התוסף עובד ע"י הוספת שורת
הקוד לפורמט התמונה, כפי שמוצג בתמונה: lightbox-sample
__________________________________________
במידה ועדין זה לא עובד נתקין פלאגין נוסף: הורדה \הסבר: lightbox-auto.zip

במידה ואנחנו מעונינים שהקוד יצורף אוטומטית לכל תמונה שאנחנו מעלים,
נתקין פלאגין נוסף שישנה את פורמט הקוד אוטומטית בכל פעם שנוסיף תמונה חדשה.
הסבר: Flexible Upload.zip
ניתן גם לבטל את תצוגת ה- lightbox כאשר מעלים תמונה.

שלבי ההתקנה: תמונות מסך.
הורדת פלאגינים
העלאת הפלאגינים לשרת
הפעלת הפלאגינים בוורדפרס
דוגמה צירוף תמונה לפוסט

________________________________
להלן קישור למדריך: Example & guide
נוספים: Lightbox 2.5, Lytebox, jQuery

ראה גם:
תוספות פוטנציליות לוורדפרס

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Related posts


נהנית מהפוסט? ניתן להביע זאת בעזרת השארת תגובה ויצירת המשך דיון, או הרשמה לפיד ה-RSS וקבלת כל הפוסטים ישידות לקורא ה-RSS שלך.

טרקבקים & פינגים

עדיין לא נשלחו טרקבקים ופינגים.

תגובות

בעניין לייטבוקס
לאחרונה הוא לא מציג אנימציה ופותח את התמונה בתצוגה רגילה בדפדפן

מה יכולה להיות הסיבה?

השארת תגובה

(חובה)

(חובה)