מדריך ליצירת גלריית תמונות לפי קטגוריות

המדריך הבא מסביר כיצד ליצור גלריית תמונות המוצגות לפי קטגוריות.
המדריך מותאם לדרופל 6 אך העקרונות דומים וניתן לעבוד איתו גם בדרופל 5.

זו התוצאה המתקבלת: בעמוד הראשי של הגלריה יוצגו הקטגוריות עם תמונה לכל קטגוריה. בלחיצה על התמונה תתקבל גלריית התמונות של אותה קטגוריה.

1. התקינו והפעילו את המודולים הבאים:
   CCK
   Views
   Imagefield
   Imagecache
   Taxonomy_imag
   Lightbox2

2. צרו סוג תוכן "תמונה לגלריה" (או בכל שם אחר שתבחרו) והוסיפו לו שדה מסוג image

3. צרו מילון בשם "גלריה" והוסיפו לו סיווגים לפי שמות הקטגוריות של הגלריה. המודול taxonomy_image מאפשר לכם להצמיד תמונה לכל סיווג. לאחר הפעלת המודול תופיע בדף הוספת הסיווג שורת תפריט חדשה Term Image ושם תוכלו להעלות את התמונה.

4. גשו להגדרות ImageCache והגדירו Preset חדש שיציג את תמונות הגלריה בגודל קבוע.
   אני קראתי לפריסט שלי thumbnails והגדרתי scale width: 150

5. כעת גשו להגדרות המודול Taxonomy Image, פתחו את התפריט Resizing Options - Imagecache ובחרו באפשרות thumbnails (או בכל שם אחר שבו קראתם לפריסט שלכם).
   ההגדרה הזו תגרום לכך שכל התמונות שמוצמדות לקטגוריה יקבלו את הגדרות הפריסט thumbnails (לפי הדוגמא שלנו יוצגו תמיד ברוחב מקסימלי של 150 פיקסלים).

סיימנו עם ההגדרות, עכשיו צריך להזין קצת תכנים (העלו תמונות דרך סוג התוכן שיצרתם) והנה מגיע החלק הכייפי באמת: views.
כעת עלינו ליצור view שיציג את תמונות הקטגוריות בצורת גלריה. אני מצאתי שתי דרכים לעשות זאת.

דרך מספר 1 – לחיצה על תמונת הקטגוריה בעמוד הגלריה הראשי מובילה לעמוד הטקסונומי.

צרו view עם ההגדרות האלה:
א. בחרו view מסוג term
ב. בחרו תצוגת page
ג. הגדירו style בסגנון Grid
ד. הגדירו שדות (Fields) לתצוגה:
- Term image להצגת תמונת הקטגוריה. לא לשכוח לסמן Link this image to its term page ולהגדיר את הפריסט thumbnails
- Term להצגת שם הקטגוריה.
ה. במסננים בחרו Vocabulary וסמנו את מילון "גלריה" (או כל שם אחר שבחרתם למילון הקטגוריות).

זהו, ה- view שלנו מוכן!

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

פתרון בעיה א'

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

חפשו ברשימה את ה-view שנקרא taxonomy_term וערכו אותו. אני ערכתי את השינויים הבאים:
- שיניתי את ה- style ל- Grid.
- בהגדרות הארגומנט Term ID כתבתי %1 בכותרת (כדי להציג את שם הקטגוריה בכותרת
העמוד) וסימנתי Display all values

פתרון בעיה ב'

גשו להגדרות תצוגת השדות בסוג התוכן "תמונה לגלריה"
( admin/content/node-type/image/display כש- image הוא כמובן שם סוג התוכן) ושם הגדירו כיצד הייתם רוצים להציג את התמונות. אם התקנתם את המודול lightbox2 תוכלו
לבחור למשל באפשרות lightbox2: thumbnails->original

פתרון בעיה ג'

קצת Theming.
אנחנו צריכים להסיר את תצוגת הטקסונומי מתכנים מסוג "תמונה לגלריה".
צרו העתק של הקובץ node.tpl.php ושמרו אותו בשם node-image.tpl.php (כש- image זהו שם סוג התוכן שלכם) ומחקו ממנו (או הכניסו להערה) את השורה:
<?php print $terms ?> 

זהו! יש לכם גלריה.

דרך מספר 2 – לחיצה על תמונת הקטגוריה מובילה לעמוד ה- view שניצור.

<שימו לב, חלק זה אינו מושלם - הגלריה עובדת מבחינה פונקציונאלית אבל עדיין זקוקה לעבודת theming>

צרו view עם ההגדרות האלה:
א. בחרו view מסוג 'פריט תוכן'
ב. בחרו תצוגת page
ג. הגדירו style בסגנון Grid
ד. הגדירו שדות (Fields) לתצוגה:
- שדה תמונה (Field_image - או כל שם אחר בו קראתם לשדה התמונה שלכם).
ה. במסננים בחרו node:type וסמנו את סוג התוכן "תמונה לגלריה" (או כל שם אחר שבחרתם לסוג התוכן שלכם).
ו. השתמשו בארגומנטים כדי להציג את התמונות לפי הקטגוריות (טקסונומי). בחרו בארגומנט Term ID. רשמו %1 בכותרת (כדי להציג את שם הקטגוריה בכותרת העמוד) וסמנו את האפשרות Summary, sorted ascending כדי להציג את רשימת הקטגוריות.

זהו, ה- view מוכן!

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

כאן זה החלק שאני זקוקה לעזרת המומחים. קצת הסתבכתי עם לעשות theming ל-view שעושה שימוש בארגומנטים.
בנתיים מצאתי את הפתרון הבא (אבל הוא לא מספק אותי):

צרו עמוד חדש מסוג page והכניסו בו את הקוד הבא:
(זכרו לסמן את מבנה הקלט כ- php code – בדרופל 6 צריך להפעיל את המודול PHP
filter)

שימו לב שבמקום mygallery יש לרשום את ה-url שנתתם לview של הגלריה, ובמקום
thumbnails יש לרשום את שם הפריסט שיצרתם באימאג'קאש.

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

תהנו! בהצלחה.