Editor X: הוספה והתאמה אישית של ה-Pro Gallery

זמן קריאה: 11 דקות
Editor X עובר ל-Wix Studio, הפלטפורמה החדשה שלנו לסוכנויות ופרילנסרים.פרטים נוספים על Wix Studio
חשוב וכדאי להוסיף נגיעות מיוחדות לאתר ולהציג את התמונות, הסרטונים והטקסטים שהעליתם בצורה שהכי נכונה לכם. 
ה-Pro Gallery היא פתרון מקצועי שמציע שפע אפשרויות התאמה לבחירה, מהפריסה, העיצוב והסגנון. בין אם יש לכם בלוג אוכל, עסק לצילום, או סוכנות מקצועית, ה-Pro Gallery מציעה את הכלים שאתם צריכים כדי להרשים את הלקוחות.
לפרטים נוספים על:

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

מאפיינים של Pro Gallery:

  • אפשר למתוח אותה לרוחב מלא כך שתשמש כרקע.
  • מציגה סוגי מדיה שונים בגלריה אחת (תמונה, וידאו וטקסט).
  • התאימו אישית את השינוי בגודל הגלריה בכל נקודות הברייקפוינט.
  • מבחר רחב של אפשרויות פריסה ייחודיות ואפשרויות התאמה אישית עבור כל אחת.
  • מציעה אפשרויות פריסה ועיצוב נפרדות עבור נקודות ברייקפוינט במובייל.
  • אפשרו לפריטי המדיה שלכם להיפתח במצב הרחבה או במסך מלא בקליק.
  • התאימו אישית את העיצוב והפריסה של התצוגה המורחבת.
  • הוסיפו אייקון לב ואייקונים לשיתוף ולהורדה עבור כל פריט בגלריה.
  • חברו את הגלריה למערכי נתונים של אוסף בעזרת ה-Content Manager.
נהלו את המדיה ב-Pro Gallery
אתם יכולים לנהל את כל המדיה שלכם במנהל המדיה שב-Pro Gallery. פשוט הקליקו על האפליקציה ב-Editor X ואז על Manage Media כדי להתחיל לארגן את המדיה שלכם.

אתם יכולים להוסיף את ה-Pro Gallery לאתר בכמה צעדים פשוטים. 

כדי להוסיף Pro Gallery לאתר:

  1. הקליקו על סמל ההוספה  בחלק העליון של Editor X.
  2. ‏הקליקו על Media
  3. ‏הקליקו על Pro Galleries.
  4. בחרו באחת הגלריות והקליקו עליה כדי להוסיף אותה לאתר.
חשוב:
ה-Pro Gallery מתווספת לעמוד במקטע משל עצמה, ואתם יכולים לגרור אותה למקטע אחר אם תרצו.

  1. הקליקו על ה-Pro Gallery שלכם ב-Editor X. 
  2. הקליקו על Settings
  3. הקליקו על טאב ה-Layout.
  4. בחרו פריסה מהאפשרויות הזמינות. 
  5. הקליקו על Customize Layout כדי לראות אפשרויות פריסה נוספות:
חשוב:
אפשרויות ההתאמה האישית משתנות מפריסה לפריסה, וחלק מהאפשרויות זמינות רק עבור פריסות מסוימות.
6. הקליקו על טאב ה-Settings כדי להתאים אישית את הגדרות הגלריה:
7. הקליקו על טאב ה-Design כדי להתאים אישית את עיצוב הגלריה.
8.  בחרו מה הייתם רוצים לעצב ולהתאים:
9. הקליקו על טאב ה-Advanced כדי להתאים אישית את ההגדרות המתקדמות של הגלריה:

  1. הקליקו על ה-Pro Gallery שלכם ב-Editor X. 
  2. הקליקו על Settings.
  3. הקליקו על טאב ה-Settings משמאל.
  4. בחרו ב-Open in Expand Mode מתוך התפריט הנפתח When clicking on an item.
  1. הקליקו על טאב ה-Design .
  2. הקליקו על Customize Expand Mode.
  1. התאימו אישית את ההגדרות הבאות בצד ימין של החלונית הקופצת:

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

טאב ה-Layout:

הגדרה
משמעות ההגדרה
אפשרויות
Slide Automatically
הפריטים ממשיכים להתחלף בלי שהגולשים מקליקים על חיצי הניווט.
- Enabled: הפריטים בגלריה מתחלפים ללא הקלקה. גררו את פס ההזזה Time Between Images כדי לשנות את מספר השניות בין הפריטים.
- Disabled: הגולשים חייבים להקליק על חיצי הניווט כדי לעבור בין הפריטים בגלריה.
Info to Display
המידע שמוצג לגבי פריט כשהגולשים עוברים עם העכבר מעל הפריטים בגלריה.
- Title: כותרת הפריט מוצגת בעת מעבר עם העכבר. 
- Description: תיאור הפריט מוצג בעת מעבר עם העכבר. התאימו אישית את הפונט, הצבעים והיישור בעזרת אפשרויות העיצוב. 
- Slideshow counter: 
הציגו את מספר הפריט בגלריה ואת מספר הפריטים הכולל (האפשרות הזו זמינה רק עבור פריסת מצגת).
שימו לב: יכול להיות שפונטים גדולים יחתכו בתמונות ממוזערת.
Info Position
מיקום הטקסט על כל פריט בגלריה.
- Underneath: הטקסט מופיע מתחת לפריט. - Above: הטקסט מופיע מעל לפריט. 
- On Image: הטקסט מופיע על גבי התמונות.
What happens to the info on hover?
מה קורה לטקסט כשהגולשים עוברים עם העכבר מעל פריטים בגלריה. 
- Appears: הטקסט ושכבת הכיסוי מופיעים בעת מעבר עם העכבר.
- Disappears: הטקסט ושכבת הכיסוי נעלמים בעת מעבר עם העכבר.
- No change: הטקסט ושכבת הכיסוי מוצגים תמיד.
שימו לב: האפשרויות האלו זמינות רק אם קבעתם שהמידע יהיה מוצג על על גבי התמונה (בהגדרות ה-Info Position).
Info Bar Size
גודל סרגל המידע מתחת לפריטי הגלריה.
גררו את פס ההזזה כדי להגדיל את או להקטין את גודל הרווח מתחת לגלריה שבו מופיע אייקון הלב ואייקון השיתוף. בחירת תיבות הסימון ב-Design מציגה גם את הכותרת והתיאור בסרגל המידע.
Play Button
הציגו או הסתירו כפתור הפעלה כדי לאפשר לגולשים שלכם לעצור או להפעיל את המצגת. 
- Enabled: מוצג כפתור הפעלה. הגולשים שלכם יכולים לעצור או להפעיל את המצגת.
- Disabled: לא מוצג כפתור הפעלה.
שימו לב: האפשרויות האלו זמינות רק אם הגדרתם שהפריטים יתחלפו אוטומטית (בהגדרות ה-Slide Automatically). 
Scroll Direction
הכיוון בו הגולשים גוללים בגלריה.
Vertical: הגולשים גוללים למטה בצורה אנכית כדי לראות פריטים נוספים. - Horizontal: הגולשים מקליקים על חיצי הניווט מימין ומשמאל לגלריה כדי לראות פריטים נוספים.
Image Orientation
הכיוון של פריטים בגלריה.
- Horizontal: הפריטים מוצגים לרוחב המסך. טוב לתמונות נוף או לתמונות בזווית רחבה.
- Vertical: הפריטים מוצגים לאורך. טוב לתמונות פורטרט או לצילומי תקריב.
Thumbnail Resize
גודל הפריטים בגלריה. 
- Crop: הפריטים בגלריה נחתכים כך שהתוכן שלהם מותאם לגודל של פריט גלריה. בחרו את יחס התמונה של הפריטים.
- Fit: גודל הפריטים מותאם כך שכל התוכן שלהם מוצג.
Image Ratio
היחס בין רוחב הפריט לגובה שלו. 
בחרו את היחס של פריטים בגלריה.
Thumbnail Placement
המיקום של תמונות גלריה ממוזערות.
בחרו את המיקום של התמונות הממוזערות של הגלריה.
Thumbnail Size
גודל תמונות הגלריה הממוזערות.
גררו את פס ההזזה כדי להגדיל או להקטין את גודל תמונות הגלריה הממוזערות.
Thumbnail Spacing
המרווח בין תמונות הגלריה הממוזערות.
גררו את פס ההזזה כדי להגדיל או להקטין את הרווח בין התמונות הממוזערות של הגלריה.
Spacing
המרווח בין פריטי הגלריה.
גררו את פס ההזזה כדי להגדיל או להקטין את את הרווח בין פריטים בגלריה.
Collage Density
הצפיפות (המספר והגודל) של פריטים בגלריה. ככל שהצפיפות גבוהה יותר מוצגים יותר פריטים בגודל קטן יותר. ככל שהצפיפות נמוכה יותר מוצגים יותר פריטים בגודל גדול יותר.
גררו את פס ההזזה כדי להגביר או להוריד את הצפיפות.
Fit to screen/ Set items per row
מספר הפריטים בכל שורה בגלריה.
- Fit to screen: הפריטים מותאמים אוטומטית למסכים של הגולשים.
- Set items per row: בחרו את מספר הפריטים שיוצג בכל שורה, בלי קשר לגודל המסך של הגולשים. גררו את פס ההזזה Images per row כדי לקבוע את המספר.
Load More Button
הציגו או הסתירו כפתור Load More שהגולשים יכולים להקליק עליו כדי לטעון פריטים נוספים בגלריה.
שימו לב: האפשרות הזו זמינה רק כשכיוון הגלילה הוא לאורך.
- Enabled: כפתור Load More מופיע תחת הגלריה. בחרו אם הקלקה על כפתור ה-Load More מציגה את כל התמונות או רק מקטע אחד נוסף.
Disabled: הגלריה מוצגת במלואה כשהעמוד נטען, והגולשים לא צריכים להקליק על כפתור כדי לראות עוד תמונות. 

טאב ה-Settings:

הגדרה
הסבר
אפשרויות
When clicking on an item
בחרו מה קורה כשגולשים מקליקים על פריט בגלריה.
- Open in Expand: פריטי הגלריה נפתחים במצב הרחבה. התאימו אישית את מצב ההרחבה מטאב ה-Design.
- A link opens: הגולשים מופנים ללינק (כתובת אינטרנט, עמוד, חלונית קופצת וכו'). הקליקו על מנהל המדיה כדי להוסיף את הלינק.
- Nothing happens: לא קורה כלום כשהגולשים מקליקים על פריט בגלריה.
- Open in Fullscreen: פריטי הגלריה נפתחים במסך מלא.
Download
הציגו או הסתירו אייקון ההורדה כדי לאפשר למבקרים להוריד את התמונות והסרטונים שלכם.
- Enabled: אייקון ההורדה מוצג. הגולשים יכולים להוריד את התמונות והסרטונים שלכם (אבל לא תמונות וסרטונים חינמיים של Wix).
- Disabled: אייקון ההורדה מוסתר.
Social Sharing
הציגו או הסתירו אייקונים של רשתות חברתיות כדי לאפשר לגולשים לשתף בקלות פריטים מהגלריה.
- Enabled: הצגת אייקונים של רשתות חברתיות (פייסבוק, טוויטר, טמבלר ומייל).
- Disabled: הסתרת אייקונים של רשתות חברתיות.
Heart Icon
הציגו או הסתירו אייקון של לב כדי לאפשר לגולשים לסמן שהם אהבו פריט בגלריה שלכם.
- Enabled: אייקון הלב מוצג. בחרו אם אתם רוצים להציג ספירה, כדי שהגולשים יוכלו לראות כמה אנשים אהבו את הפריט.
- Disabled: לא מוצג אייקון לב.

טאב ה-Design:

הגדרה
הסבר
אפשרויות
Overlay & Icons
התאימו אישית את מה שקורה לאייקונים ב-Pro Gallery כשגולשים עוברים עליהם עם העכבר.
- Color Overlay: בחרו אם אתם רוצים שתופיע שכבת כיסוי צבעונית כשהגולשים עוברים עם העכבר מעל לגלריה. הקליקו על תיבת הצבע כדי לבחור את הצבע וגררו את פס ההזזה כדי לשנות את השקיפות.
- Icon Color: הקליקו על תיבת הצבע כדי לבחור צבע לאייקון הלב וההורדה.
- Overlay Effect: בחרו אפקט שמופעל כשהגולשים עוברים עם העכבר מעל תמונה.
- Arrows Size: גררו את פס ההזזה כדי להגדיל או להקטין את גודל חיצי הניווט. - Arrows Color: הקליקו על תיבת הצבע כדי לבחור את צבע חיצי הניווט.
הודעות
התאימו אישית את הטקסט בגלריה.
- Title Style & Color: בחרו את הפונט והצבע של הכותרות.
- Description Style & Color: בחרו את הפונט והצבע של התיאורים.
- Horizontal Alignment: קבעו את כיוון היישור לרוחב של הטקסט.
- Vertical Alignment: קבעו את אופן היישור לאורך של הטקסט.
Item Style
התאימו אישית את הסגנון של הפריטים בגלריה.
- Border Width & Color: בחרו את הצבע והרוחב של גבולות הפריטים בגלריה.
- Corner Radius: גררו את פס ההזזה כדי להגדיל או להקטין את עיגול הפינות של פריטים בגלריה.
- Shadow: הציגו או הסתירו צל מאחורי הפריטים.
- Hover Effect: בחרו אפקט שמופעל כשהגולשים עוברים עם העכבר מעל פריטים בגלריה.
- Image Loading: בחרו אם התמונות יהיו מטושטשות או שיוצג צבע בזמן שהתמונות נטענות.
Scroll Animations
בחרו איך הפריטים מופיעים כשהגולשים גוללים למטה בגלריה.
בחרו אנימציה.

טאב ה-Advanced:

הגדרה
הסבר
אפשרויות
Image Quality
בחרו את איכות התמונה של הפריטים בגלריה.
גררו את פס ההזזה כדי להעלות או להוריד את איכות התמונות בגלריה.
שימו לב: שיפור האיכות יכול לגרום לתמונות להיטען לאט יותר.
Image Sharpening
חדדו את התמונות בגלריה.
- Enabled: התמונות עוברות חידוד. התאימו אישית את הרמה, הרדיוס והסף של החידוד.
- Disabled: התמונות לא עוברות חידוד.
Play Videos
החליטו איך הסרטונים מופעלים.
- On Hover:הסרטונים מופעלים כשהגולשים עוברים עליהם עם העכבר. - Autoplay: הסרטונים מופעלים אוטומטית.
- On click: הסרטונים מופעלים כשהגולשים מקליקים עליהם.
Play with Sound
הסרטונים בגלריה מושתקים כברירת מחדל. בחרו אם הסרטונים פועלים עם קול.
- Enabled: הסרטונים פועלים עם קול בתצוגת הגלריה.
- Disabled: הסרטונים מושתקים בתצוגת הגלריה.
הסרטונים תמיד פועלים עם קול במצב הרחבה.
Playback Speed
שלטו במהירות ההפעלה של הסרטונים.
בחרו את מהירות ההפעלה מהאפשרויות.
Loop Videos
בחרו אם הסרטונים פועלים בצורה רצופה או לא.
- Enabled: הסרטונים פועלים ברצף.
- Disabled: הגולשים צריכים להקליק על אייקון ההפעלה כדי לנגן את הסרטונים.

זה עזר לך?

|