חשוב להוסיף את הנגיעות המיוחדות האלה ולהציג את התמונות, הסרטונים והטקסט שלכם בצורה שהכי מתאימה לכם!
ה-Pro Gallery היא פתרון מקצועי שמציע שפע אפשרויות להתאמה אישית של הפריסה, העיצוב והסגנון. בין אם יש לכם בלוג אוכל, עסק לצילום, או סוכנות מקצועית, ה-Pro Gallery מציעה את הכלים שאתם צריכים כדי להרשים את הלקוחות.
הוספת ה-Pro Gallery
יש כל כך הרבה דברים שאפשר לעשות עם גלריית Pro. היא מציעה המון אפשרויות להתאמה אישית וזו דרך נהדרת להציג את הסגנון והעבודה שלכם.
- אפשר למתוח אותה לרוחב מלא כדי להשתמש בה כרקע.
- הצגת סוגים שונים של מדיה בגלריה אחת (תמונות, סרטונים וטקסט)
- אתם יכולים לקבוע איך הגלריה תשנה את גודלה בכל נקודות הברייקפוינט.
- מגוון רחב של פריסות עם הגדרות ייחודיות ואפשרויות להתאמה אישית לכל פריסה
- פריסות ועיצוב נפרדים לנקודות הברייקפוינט במובייל
- אתם יכולים להגדיר שכאשר יקליקו על פריטי המדיה שלכם, הם יתרחבו או ייפתחו במסך מלא.
- התאמה אישית של הפריסה והעיצוב של התצוגה המורחבת
- אייקונים של 'שיתוף', 'לייק' ו'הורדה' ליד כל פריט בגלריה
- ניתן לחבר אותה לבסיסי נתונים של אוספים באמצעות CMS (Content Management System).
כדי להוסיף Pro Gallery לאתר:
- הקליקו ב-editor משמאל על Add Elements (הוספת אלמנטים).
- הקליקו על Media (מדיה).
- הקליקו על Pro Galleries (גלריות Pro).
- בחרו עיצוב של Pro Gallery וגררו אותו אל העמוד.
התאמה אישית של הגדרות ה-Pro Gallery
אתם יכולים להתאים אישית כל חלק בנפרד בגלריה כדי לקבל את המראה והווייב הרצויים.
כדי לערוך את ההגדרות של ה-Pro Gallery:
- הקליקו על Pro Gallery ב-editor.
- הקליקו על Settings (הגדרות).
- בחרו מה אתם רוצים לערוך:
בחרו פריסה מהאפשרויות הזמינות. Presets הם תבניות מוכנות ש-Wix יצרה עבורכם. עם הפריסות האלה, עיקר העבודה נעשית בשבילכם, כלומר הפריסה עצמה לא ניתנת לעריכה.
אם בחרתם אפשרות מהטאב Custom (בהתאמה אישית), אתם יכולים ללחוץ על Customize Layout כדי להמשיך לערוך את הפריסה:
- Scroll direction (כיוון הגלילה): בחרו אם אתם רוצים גלילה אנכית או אופקית בגלריה.
- Gallery orientation: האוריינטציה של הגלריה
- Info to display (המידע שיוצג): בחרו איזה מידע יוצג כשהגולשים עוברים עם העכבר מעל הפריטים בגלריה.
- Thumbnail size (גודל התמונות הממוזערות): גררו את פס ההזזה כדי לשנות את גודל התמונות הממוזערות של הגלריה.
- Spacing (ריווח): גררו את פס ההזזה כדי לשנות את הריווח בין קובצי ה-Pro Gallery.
- Collage Density (צפיפות הקולאז'): גררו את פס ההזזה כדי להגדיל או לצמצם את צפיפות הקבצים בגלריה (כלומר גודלם ומספרם).
הערה: ככל שהצפיפות גבוהה יותר, הקבצים ייראו קטנים יותר. ככל שהצפיפות נמוכה יותר, הקבצים ייראו גדולים יותר. - Gallery direction (כיוון הגלריה): בחרו אם אתם רוצים שהדפדוף בגלריה ייעשה מימין לשמאל או משמאל לימין.
טיפ: הגדירו את הכיוון ל-"Right to Left" כדי שהטקסט בערבית ובעברית יוצג נכון.
הערה: אפשרויות ההתאמה האישית משתנות מפריסה לפריסה, וחלק מהאפשרויות זמינות רק בפריסות ספציפיות.
התאימו אישית את ההגדרות הבאות:
- When clicking on an item (בהקלקה על פריט): הקליקו על אייקון התפריט הנפתח כדי לקבוע מה יקרה כשהגולשים באתר יקליקו על פריט בגלריה.
- Download: הקליקו על המתג הזה כדי להציג או להסתיר את אייקון ההורדה שמאפשר לגולשים להוריד את התמונות והסרטונים שלכם.
- Social sharing: הקליקו על המתג הזה כדי להציג או להסתיר אייקונים של רשתות חברתיות, כדי שהגולשים יוכלו לשתף בקלות פריטים מהגלריה שלכם.
- Heart icon: הקליקו על מתג ההפעלה כדי להציג או להסתיר אייקון של לב כדי שהגולשים יוכלו לסמן שהם אוהבים פריט בגלריה.
אתם יכולים לעצב כל חלק בנפרד בגלריה:
- Overlay & Icons (שכבת כיסוי ואייקונים): להתאים אישית את שכבת הכיסוי הצבעונית ואת האייקונים שמופיעים כשהגולשים עוברים עם העכבר מעל לגלריה.
- Texts (טקסטים): להציג את הכותרת, התיאור או שניהם כשהגולשים עוברים עם העכבר מעל הפריטים. ניתן גם לעצב את הטקסט – כולל הסגנון, הצבע והיישור.
- Buttons (כפתורים): להוסיף כפתורים כדי לעודד את הגולשים ללחוץ על פריטים בגלריה. אפשר גם לערוך את הכפתורים, כולל הטקסט והצבע.
- Navigation arrows (חיצי ניווט): להתאים אישית את החיצים שהגולשים משתמשים בהם כדי לגלוש בגלריה.
- Item Style (סגנון הפריטים): לעצב את תצוגת הפריטים בגלריה: המסגרת, ההצללות והאפקטים. אתם יכולים גם לשלוט באופן הטעינה שלהם.
- Scroll Animations (אנימציות גלילה): בחרו איך פריטי הגלריה יופיעו כשהגולשים גוללים בגלריה.
- Expand Mode (מצב הרחבה): עצבו את מצב ההרחבה של פריטי הגלריה. החליטו איזה מידע יוצג, התאימו את סגנון הטקסט ובחרו את האייקון ואת צבע הרקע.
הערה: האפשרויות הזמינות תלויות בפריסת הגלריה שבחרתם.
התאימו אישית את ההגדרות הבאות:
Image Settings (הגדרות של תמונות):
- Image quality (איכות התמונה): גררו את פס ההזזה כדי לשנות את איכות התמונות.
- Image sharpening (חדות התמונה): הקליקו על המתג הזה כדי לחדד את התמונות בגלריית ה-Pro שלכם.
Video Settings (הגדרות של סרטונים):
- Play videos (הפעלת סרטונים): הקליקו על אייקון הרשימה הנפתחת כדי לבחור איך אתם רוצים שסרטונים בגלריה יופעלו.
- Play with sound (הפעלה עם קול): הקליקו על המתג הזה כדי להפעיל או להשבית את הקול כשהסרטונים מופעלים בגלריה.
- Playback speed (מהירות הפעלה): הקליקו על אייקון הרשימה הנפתחת כדי לבחור את מהירות הפעלת הסרטונים בגלריה.
- Loop videos (הפעלה בלופ): הקליקו על המתג הזה כדי להפעיל או להשבית את הפעלת הסרטונים בלופ בגלריה.
- Show play button (הצגת כפתור הפעלה): הקליקו על המתג הזה כדי להציג או להסתיר את כפתור ההפעלה בסרטונים בגלריה.
הפעלה והתאמה אישית של ה-Expand Mode (מצב ההרחבה)
אתם יכולים להגדיר שפריטים בגלריה ייפתחו ב-Expand Mode (מצב הרחבה) כשהגולשים מקליקים עליהם. כך הפריט נפתח בחלון מורחב שניתן להתאמה אישית מלאה.
כדי להפעיל ולערוך את מצב ההרחבה:
- הקליקו על Pro Gallery ב-Editor.
- הקליקו על Settings (הגדרות).
- הקליקו על הטאב Settings (הגדרות) משמאל.
- בחרו באפשרות Open in Expand Mode (פתיחה במצב הרחבה) בתפריט הנפתח When clicking on item (בהקלקה על פריט).
- הקליקו על הטאב Design (עיצוב) משמאל.
- הקליקו על Expand Mode (מצב הרחבה).
- הקליקו על Customize Expand Mode (התאמה אישית של מצב ההרחבה).
- ערכו את ההגדרות הבאות בצד ימין של החלונית הקופצת:
Info Settings (הגדרות מידע)
בחרו איך יופיעו כותרת ותיאור התמונה במצב הרחבה:
- What info is shown?: בחרו את תיבות הסימון ליד המידע שתרצו להציג - כותרת, תיאור ולינק.
- Where does it appear?: בחרו איפה המידע יופיע - מימין או מתחת לתמונה.
- When does it show?: בחרו להשאיר את המידע ליד התמונה או להסתיר אותו תחת אייקון 'הצגת מידע'.
Viewing Settings (הגדרות צפייה)
בחרו איך הגולשים יצפו בתמונות:
- Allow Full Screen (אפשרות לפתיחה במסך מלא): אפשרו לגולשים לצפות בתמונות במסך מלא ממצב ההרחבה.
- Magnifying Glass (זכוכית מגדלת): אפשרו לגולשים להגדיל את התמונות (הכי מתאים לתמונות ברזולוציה גבוהה).
- Loop Images (הצגת תמונות בלופ): הקליקו על מתג ההפעלה כדי לאפשר גלילה מתמשכת.
Design Settings (הגדרות עיצוב)
התאימו אישית את הרקע, הצבעים והפונטים במצב ההרחבה:
- Background Design (עיצוב הרקע): הגדירו צבע או מעבר צבע כרקע.
- Background Filters (מסנני רקע): הגדירו מסנן מטושטש שיופיע מתחת לרקע של מצב ההרחבה. זה עוזר לגולשים להתמקד עוד יותר בתמונה.
- Text & Icon Design (עיצוב טקסט ואייקון): שנו את צבע האייקון, בחרו פונט שונה לכותרת ולתיאור של התמונה ועוד.