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

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 שלך.

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

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

תגובות

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

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

שידרגתי לוורדפרס 2.5 והתוסף הזה לא עובד לי יותר
אולי הוא מתנגש עם העורך פוסטים החדש של וורדפרס

אני פונה אליך כמי ששידרג ועדיין פועל אצלו לייטבוקס

האם אתה משתמש באותה גרסת תוסף כפי שמופיעה בעמוד זה?

בכלל מה קורה עם הוורדפרס הזה לא נותנים להוסיף תמונה בלי להקליד כתובת תמונה?

יאיר,
אצלי הלייטבוקס עובד עם שני תוספים:
http://wordpress.org/extend/plugins/add-lightbox/
http://www.m3nt0r.de/blog/lightbox-wordpress-plugin/

הראל

או קיי
התקנתי את שני התוספים
בעורך הפוסטים אני לא רואה שום לייבוקס אופשיינז

לעומת זאת בוורדפרס 2.3 היו לי חיים יפים יותר
בעורך הפוסטים היה לוח של הוספת תמונה בפורמט של לייטבוקס פשוט וקל
ומה עושים עכשיו?

מה אופן העבודה בוורדפרס 2.5 או 2.6 עם הלייט בוקס?

בבקשה
תודה

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

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

שלום, מכיר תוכנה טובה ליצירת באנר (כותרת ) לאתר?

השארת תגובה

(חובה)

(חובה)