CMS: הצגת תוכן מאוסף ב-Pro Gallery

אפשר להיעזר ב-Pro Gallery כדי להציג תמונות באופן דינמי עבור כל פריט באוסף ה-CMS (מערכת ניהול התוכן). תוכלו לבחור באיזה שדה תמונה להשתמש עבור כל פריט, ולחבר את השדות באוסף לכותרות של התמונות, לתיאורים שלהן, לטקסטים החלופיים וללינקים שלהן. סוג הגדרה כזה מתאים גם לעמודי רשימה דינמיים וגם לעמודים סטטיים, כי אפשר לקשר את התמונות לעמודים הדינמיים של הפריטים שלהם.

צילום מסך המציג את אפשרויות החיבור של מערך נתונים ב-Pro Gallery.

חשוב:

מדריך זה מתייחס לחיבור Pro Gallery לשדה Image שמשמש להצגת תמונה אחת לכל פריט אוסף. לחלופין, אפשר לחבר Pro Gallery לשדה Media Gallery (גלריית מדיה) המשמש להצגת כמה תמונות או סרטונים לפריט אוסף בודד בעמוד פריט דינמי.

שלב 1 | יצירת אוסף CMS

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

כדי ליצור אוסף לאחסון תמונות גלריה:

בדאשבורד

Studio Editor

Wix Editor

עברו ל-CMS בדאשבורד של האתר.
הקליקו על Create Collection (יצירת אוסף).
תנו שם לאוסף.
השאירו את האפשרות Multiple items (Default) (פריטים רבים כברירת מחדל) מסומנת והקליקו על Create (יצירה).
הוסיפו שדות לאוסף באופן ידני או באמצעות ייבוא קובץ CSV:
- הוספת שדות באופן ידני: הקליקו על ‎+ Add Field (הוספת שדה) כדי להתחיל להוסיף שדות לאוסף באופן ידני.
- ייבוא קובץ CSV: הקליקו על Import CSV file (ייבוא קובץ CSV) כדי לטעון קובץ CSV לאוסף.

טיפ:

הקפידו להוסיף שדה מסוג Image (תמונה) כדי לאחסן תמונות לכל פריט. אפשר גם להוסיף סוגים של שדות טקסט שישמשו בכותרות התמונות, בתיאורים ובטקסט החלופי שלהן.

הוסיפו פריטים לאוסף:
1. הקליקו על ‎+ Add Item (הוספת פריט).
2. הוסיפו תוכן לגבי הפריט לכל שדה רלוונטי.
3. חזרו על שלב זה כדי ליצור כמה פריטים, לפי הצורך.

הגדירו הרשאות עבור האוסף:
1. הקליקו על More Actions (פעולות נוספות) ובחרו Permissions & Privacy (הרשאות ופרטיות).
2. בחרו באילו הרשאות להשתמש עבור האוסף:
  הערה: בעלי אתרים ובעלי תפקידים תמיד נחשבים לאדמינים בכניסה לאתר פעיל. כלומר, הם תמיד רשאים לראות, להוסיף, לעדכן ולמחוק תוכן באוסף מאתר פעיל. כלל זה תקף בלי קשר להרשאת האוסף שתבחרו.

הצגת תוכן

איסוף תוכן

Custom (בהתאמה אישית)

שלב 2 | חיבור Pro Gallery לאוסף

הוסיפו Pro Gallery לאתר וחברו אותה למערך נתונים שמחובר לשדות האוסף שלכם. לאחר מכן חברו את המקורות של תמונות הגלריה לשדה ה-image (תמונה) באוסף שלכם. תוכלו גם לחבר את הכותרות, התיאורים והטקסט החלופי לשדות באוסף. השתמשו בתפריט הנפתח Links connect to (לינקים מתחברים אל) כדי לחבר את הפריטים לעמודי הפריטים הדינמיים שלהם, או לשדות URL (כתובת אתר), Image (תמונה) או Video (סרטון).

Studio Editor

Wix Editor

עברו ל-Editor.
עברו לעמוד שבו תרצו להציג גלריית תמונות שמייצגות פריטים שונים מהאוסף.
הקליקו על Add Elements (הוספת אלמנטים) ב-Editor משמאל.
הקליקו על Gallery (גלריה).
הקליקו על ה-Pro Gallery וגררו אותה אל המקום הרצוי בעמוד.

הסירו את תמונות ברירת המחדל מהגלריה:
1. הקליקו על Manage Media (ניהול מדיה) בגלריה.
2. הקליקו על Select All (בחירת הכול) ואחר כך על Delete (מחיקה).
3. הקליקו על Done (סיום).
הקליקו על אייקון החיבור ל-CMS .
הקליקו על התפריט הנפתח Choose a dataset (בחירת מערך נתונים) ובחרו מערך נתונים קיים שיחובר לאוסף שלכם. לחלופין, בחרו Add a Dataset (הוספת מערך נתונים) ובחרו את האוסף שתרצו לחבר.
הקליקו על התפריט הנפתח הרלוונטי כדי לחבר את שדות האוסף לגלריה:
- Image sources connect to (מקורות תמונה מתחברים אל): בחרו את שדה התמונה שתרצו להציג.
- Titles connect to (כותרות מתחברות אל): בחרו את השדה שבו תרצו להשתמש עבור כותרות התמונות.
- Descriptions connect to (תיאורים מתחברים אל): בחרו את השדה שבו תרצו להשתמש לתיאורי התמונות.
- Alt texts connect to (טקסטים חלופיים מתחברים אל): בחרו את השדה שבו תרצו להשתמש עבור הטקסט החלופי של התמונה.
- Links connect to (לינקים מתחברים אל): בחרו את העמוד הדינמי, שדה ה-URL או שדה ה-Image (תמונה) שאליו תרצו לחבר את התמונות.

צילום מסך המציג את אפשרויות החיבור של מערכי הנתונים של גלריה.

הקליקו על הגלריה ובחרו Settings (הגדרות) כדי לערוך את הפריסה, העיצוב ומאפיינים נוספים של הגלריה. למידע נוסף על עריכה ועיצוב של Pro Gallery.

שלב 3 | ניהול ההגדרות של מערך הנתונים

עברו אל הגדרות מערך הנתונים כדי להגדיר את סך הפריטים שיכולים להיטען בכל פעם, לסנן פריטים מסוימים כך שלא יופיעו, למיין את סדר התצוגה של הפריטים או לשנות את מצב מערך הנתונים. הגדירו את המצב ל-Read & Write (קריאה וכתיבה) אם תרצו לאפשר לגולשים לשלוח או לעדכן תמונות באוסף המחובר בגלריה.

Studio Editor

Wix Editor

עברו להגדרות של מערכי הנתונים המחוברים לגלריה:
1. הקליקו על הגלריה.
2. הקליקו על אייקון החיבור ל-CMS .
3. הקליקו על Dataset Settings (הגדרות מערך נתונים) בחלונית Connect Gallery (חיבור גלריה) מימין.
(לא חובה) הקליקו על permission type (סוג ההרשאה) ליד Permissions (הרשאות) כדי לקבוע מי רשאי לראות, להוסיף, לעדכן או למחוק תוכן מאוסף באתר הפעיל.
(לא חובה) הקליקו על השדה Dataset name (שם מערך הנתונים) אם תרצו לערוך את השם של מערך הנתונים.
(Velo בלבד) הקליקו על השדה Dataset ID (מזהה מערך הנתונים) כדי לערוך את המזהה שמשמש לזיהוי מערך הנתונים בקוד העמוד.
הקליקו על התפריט הנפתח Dataset mode (מצב מערך הנתונים) ובחרו באפשרות הרלוונטית:
- Read (קריאה): אלמנטים מחוברים יכולים לקרוא ולהציג תוכן מהאוסף שלכם. אין אפשרות לאלמנטים לשנות את תוכן האוסף.
- Read & Write (קריאה וכתיבה): אלמנטים מחוברים יכולים להציג תוכן מהאוסף שלכם. אלמנטים של קלט יכולים להוסיף או לערוך תוכן באוסף שלכם.
ערכו את השדה Items per load (פריטים לטעינה) כדי להגדיר את מספר הפריטים המקסימלי שאפשר לטעון בכל פעם.
הערה: זהו גם המספר המקסימלי של פריטים שיכולים להיטען כשהגולשים מקליקים על כפתורי Load More (טעינת פרטים נוספים), על כפתורי Next/Previous page (העמוד הבא/הקודם) או על סרגלי מספור. למידע נוסף על השלבים, עברו לקטע הבא.

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

(לא חובה) הקליקו על ‎+ Add Filter (הוספת מסנן) כדי להציג רק פריטים ספציפיים בגלריה.
(לא חובה) הקליקו על ‎+ Add Sort כדי לבחור את הסדר שבו יופיעו פריטי האוסף בגלריה.

שלב 4 | (לא חובה) יצירת כפתורי ניווט או כפתורי Load More (טעינת פריטים נוספים)

אם יש פריטי אוסף רבים, אפשר להוסיף כפתור Load More (טעינת פריטים נוספים) כדי לשפר את ביצועי הטעינה של העמוד. את השדה Items per load (פריטים לכל טעינה) של מערך הנתונים אפשר להגדיר למקסימום 1,000 פריטים. שדה זה קובע כמה פריטים יוצגו בגלריה בשלב הראשוני, וכמה פריטים יוכלו להתווסף לתצוגה כשהגולשים יקליקו על הכפתור Load More (טעינת פריטים נוספים).

שדה זה קובע גם את מספר הפריטים שיוצגו בכל 'עמוד' בגלריה, אם חיברתם כפתורי 'העמוד הבא/העמוד הקודם' או סרגל מספור (ב-Wix Editor בלבד).

Studio Editor

Wix Editor

בחרו מה אתם רוצים לעשות:

ליצור כפתור Load More (טעינת פריטים נוספים)

ליצור כפתורי Next Page (העמוד הבא) ו-Previous Page (העמוד הקודם)

הוסיפו לעמוד כפתור Next Page:
1. הקליקו על Add Elements (הוספת אלמנטים) ב-Editor משמאל.
2. הקליקו על Button (כפתור) ולאחר מכן גררו את הכפתור אל המקום הרצוי בעמוד (למשל, מתחת לגלריה). אין למקם את הכפתור על גבי הגלריה.
  טיפ: לחלופין, אפשר להוסיף תמונה ולהשתמש בה בתור כפתור ה-Next Page.
הקליקו על Change Text (שינוי טקסט) והכניסו את הטקסט שתרצו להציג בכפתור (למשל, "העמוד הבא").
הקליקו על אייקון החיבור ל-CMS .
הקליקו על התפריט הנפתח Choose a dataset (בחירת מערך נתונים) ובחרו את אותו מערך נתונים שמתחבר לגלריה שלכם.
הקליקו על התפריט הנפתח Click action connects to (פעולת הקלקה מתחברת אל) ובחרו Next page (העמוד הבא).
הקליקו על הכפתור ובחרו באייקון העיצוב כדי לעצב את המראה של הכפתור Next Page.
שכפלו את הכפתור Next Page:
1. הקליקו קליק ימני על הכפתור (ב-Mac: ‏control + קליק).
2. בחרו באפשרות Duplicate (שכפול), (או לחצו על Ctrl + D או על ⌘ + D ב-Mac).
הקליקו על הכפתור וגררו אותו למקום הרצוי. אין למקם את הכפתור על גבי הגלריה.
הקליקו על Change Text (שינוי טקסט) והכניסו את הטקסט שתרצו להציג על הכפתור (למשל, "העמוד הקודם").
הקליקו על אייקון החיבור ל-CMS .
הקליקו על התפריט הנפתח Click action connects to (פעולת קליק מתחברת אל) ובחרו Previous page (העמוד הקודם).
הקליקו על Preview (תצוגה מקדימה) כדי לבדוק את הכפתורים Next Page (העמוד הבא) ו-Previous Page (העמוד הקודם).
הקליקו על Publish (פרסום) אם השינויים מוכנים לעלות לאוויר.