אתם יכולים לשנות את הפריסה של תמונת השער ושל הגלריות מתי שתרצו לכל עיצוב אחר.
במאמר זה תקבלו מידע נוסף על:
איך משנים את הפריסה של תמונת השער?
תמונת השער של האלבום היא הדבר הראשון שגולשים רואים כשהם פותחים את העמוד של האלבום, חשוב לבחור פריסה מתאימה. אתם יכולים לערוך את הפריסה של תמונת השער בלי להשפיע על שאר האלבום.
כדי לשנות את הפריסה של תמונת השער:
- עברו אל Photo Albums בדאשבורד של האתר.
- עשו את אחד מהדברים הבאים:
- צרו אלבום חדש.
- ערכו אלבום קיים.
- הקליקו על הטאב Design (עיצוב) משמאל.
- הקליקו על Layouts (פריסות).
- הקליקו על על הטאב Cover (תמונת שער) בראש החלונית.
- בחרו אחת מהאפשרויות לפריסה.
איך משנים את הפריסה של הגלריה?
אתם יכולים לשנות את הפריסה של הגלריה בלי להשפיע על תמונת השער. לכל פריסה יש הגדרות שונות שאתם יכולים לשחק איתן.
כדי לשנות את הפריסה של הגלריה:
- עברו אל Photo Albums בדאשבורד של האתר.
- עשו את אחד מהדברים הבאים:
- צרו אלבום חדש.
- ערכו אלבום קיים.
- הקליקו על הטאב Design (עיצוב) משמאל.
- הקליקו על Layouts (פריסות).
- הקליקו על על הטאב Galleries (גלריות) בראש החלונית.
- בחרו פריסה מאחת מהאפשרויות. שימו לב: אנחנו משתמשים בפריסה Grid (משבצות).
- אתם יכולים לשנות את ההגדרות הבאות:
- Grid style (סגנון המשבצות):
- Fit to screen: מספר התמונות בשורה ייקבע לפי גודל המסך.
- Thumbnail size: גררו את פס ההזזה כדי להגדיל או להקטין את התמונות הממוזערות.
- Set photos per row: בכל שורה יופיע מספר קבוע של תמונות (למשל 3).
- Photos per row: גררו את פס ההזזה כדי להגדיל או להקטין את מספר התמונות בשורה.
- Thumbnail resize (שינוי הגודל של התמונה הממוזערת):
- Crop: התמונה תיחתך קצת מסביב.
- Fit: התמונה תוקטן כדי שהגודל שלה יתאים לכל האזור.
- Image ratio: בחרו יחס גובה-רוחב לתמונה מהאפשרויות. שימו לב: האפשרות הזו מופיעה רק בתמונות ממוזערות עם חיתוך.
אילו הגדרות אפשר לשנות בכל פריסה?
לכל פריסה יש הגדרות שונות שאתם יכולים לשחק איתן. תוכלו לבחור פריסות סטטיות או מחליקות לגלריה, ואם אתם רוצים שנפתיע אתכם וניצור בשבילכם פריסה תוכלו לבחור בפריסת הקסם.
הקליקו על כל אחת מהפריסות הבאות לפרטים נוספים על ההגדרות שלה:
השתמשו בפריסת הקולאז' אם אתם רוצים להראות תמונות בכיוונים שונים (לאורך ולרוחב) במקומות אקראיים בגלריה.
- Scroll Direction: בחירת כיוון הגלילה (לאורך או לרוחב).
- Gallery orientation: בחרו אם הכיוון של התמונות הוא לאורך או לרוחב.
- Info to display: בחרו אילו פרטים יופיעו בגלריה.
- ?What happens to the info on hover: בחרו מה קורה כשגולשים עוברים עם העכבר מעל הגלריה – הפרטים מופיעים, נעלמים או כלום לא משתנה
- Thumbnails size: גררו את פס ההזזה כדי לבחור את גודל התמונות בגלריה.
- Spacing: (ריווח) בחירת המרווחים בין התמונות.
- Collage density: בחרו כמה תמונות יוצגו בו-זמנית בגלריה.
- Load More Button: בחרו אם להציג או להסתיר את הכפתור Load More לטעינת תמונות נוספות.
- How many images load: מספר התמונות שייטענו (האפשרות הזו רלוונטית רק אם בחרתם להציג כפתור Load more).
- All images (כל התמונות)
- One more section (הוספת עוד מקטע באותו גודל של הגלריה המקורית)
השתמשו בפריסת הבנייה אם אתם רוצים להציג תמונות בכיוונים שונים (לאורך ולרוחב) בשורות או עמודות.
- Gallery orientation: בחרו אם הכיוון של התמונות הוא לאורך או לרוחב.
- Info to display: בחרו אילו פרטים יופיעו בגלריה.
- ?What happens to the info on hover: בחרו מה קורה כשגולשים עוברים עם העכבר מעל הגלריה – הפרטים מופיעים, נעלמים או כלום לא משתנה
- Thumbnails size: גררו את פס ההזזה כדי לבחור את גודל התמונות בגלריה.
- Spacing: (ריווח) בחירת המרווחים בין התמונות.
- Load More Button: בחרו אם להציג או להסתיר את הכפתור Load More לטעינת תמונות נוספות.
- How many images load: מספר התמונות שייטענו (האפשרות הזו רלוונטית רק אם בחרתם להציג כפתור Load more).
- All images (כל התמונות)
- One more section (הוספת עוד מקטע באותו גודל של הגלריה המקורית)
השתמשו בפריסה הזו אם אתם רוצים שהתמונות יופיעו בתוך טבלת משבצות.
- Scroll Direction: בחירת כיוון הגלילה (לאורך או לרוחב).
- Info to display: בחרו אילו פרטים יופיעו בגלריה ואם הם יופיעו מתחת לתמונה, מעליה או עליה.
- Thumbnail resize (שינוי גודל תמונה ממוזערת):
- Crop: אתם יכולים לבחור את הגודל של התמונה.
- Fit: כל התמונות יחתכו לגודל זהה. שימו לב: האפשרויות Border width & color (עובי וצבע המסגרת) ו-Corner radius (רדיוס הפינות) מופיעות רק אם בוחרים לחתוך את התמונה הממוזערת בהגדרות הפריסה.
- Image ratio: בחרו אחת מהאפשרויות של היחס בין הגובה לרוחב של התמונה, למשל: (4:3, 1:1).
- ?What happens to the info on hover: בחרו מה קורה כשגולשים עוברים עם העכבר מעל הגלריה – הפרטים מופיעים, נעלמים או כלום לא משתנה
- Fit to screen: (התאמה למסך) מספר התמונות שיוצגו ייקבע לפי מספר התמונות שנכנסות בגלריה בגודל קבוע.
- Set items per row: (מספר פריטים בשורה) גררו את פס ההזזה כדי לבחור כמה תמונות יופיעו בכל שורה.
- Thumbnails size: (שינוי גודל תמונה ממוזערת) גררו את פס ההזזה כדי לבחור את גודל התמונות בגלריה.
- Image per row: בחרו כמה תמונות יופיעו בכל שורה (רק כשבוחרים בכיוון לרוחב).
- Spacing: (ריווח) בחירת המרווחים בין התמונות.
- Load More Button: בחרו אם להציג או להסתיר את הכפתור Load More לטעינת תמונות נוספות (האפשרות הזו מופיעה רק אם בחרתם בכיוון גלילה לאורך).
- How many images load: מספר התמונות שייטענו (האפשרות הזו רלוונטית רק אם בחרתם להציג כפתור Load more).
- All images (כל התמונות)
- One more section (הוספת עוד מקטע באותו גודל של הגלריה המקורית)
- Gallery direction: בחרו כיוון גלילה בין התמונות שבגלריה.
Thumbnails (תמונות ממוזערות)
השתמשו בפריסה של תמונות ממוזערות כשאתם רוצים להציג מספר תמונות ממוזערות ליד התמונה שנבחרה.
- Loop images: הגולשים יוכלו לגלול בין התמונות ברצף אינסופי.
שימו לב: כשמגיעים לתמונה הראשונה אי אפשר להקליק יותר על הכפתור "שמאלה" כדי לגלול אחורה. - Slide automatically: התמונות במצגת יתחלפו אוטומטית.
שימו לב: אם אתם רוצים לשנות את אפקט המעבר בין התמונות, עברו לטאב Slide Animation (אנימציית מצגת) בחלק Design (עיצוב) בהגדרות. - Info to display: בחרו אילו פרטים יופיעו בגלריה.
- Thumbnail resize (שינוי הגודל של התמונה הממוזערת):
- Crop: (חיתוך) כל התמונות יחתכו לגודל זהה.
- Fit: התמונה תוצג ביחס המקורי שלה ותותאם לגודל הגלריה. אם יש יותר מדי שטח ריק מסביב לתמונה, צריך להוסיף גובה לתמונה.
שימו לב: האפשרויות Border width & color (עובי וצבע המסגרת) ו-Corner radius (רדיוס הפינות) מופיעות רק אם בוחרים לחתוך את התמונה הממוזערת בהגדרות הפריסה.
- Thumbnail Placement: (מיקום תמונה ממוזערת) בחרו איפה התמונות הממוזערות יופיעו במסך ביחס לתמונה הראשית (מתחתיה, מעליה משמאל או מימינה).
- ?What happens to the info on hover: בחרו מה יקרה כשגולשים יעברו עם העכבר מעל התמונה – אם הטקסט יופיע או יעלם. כדי לבדוק איך זה נראה, תוכלו לפתוח תצוגה מקדימה של האתר ולעבור בעצמכם עם העכבר מעל התמונה.
- Appears: טקסט הפרטים יופיע בתמונה הראשית של האלבום.
- Disappears: טקסט הפרטים יעלם מהתמונה הראשית של האלבום.
- No change: טקסט הפרטים יישאר ללא שינוי בתמונה הראשית של האלבום.
- Gallery direction: בחרו כיוון גלילה בין התמונות שבגלריה.
- Left to right (שמאל לימין)
- Right to left (ימין לשמאל)
השתמשו בפריסה של גלריה מתחלפת כשאתם רוצים להציג מספר תמונות עם גלילה לרוחב.
שימו לב: מספר התמונות שמופיעות בכל פעם בפריסה הזו משתנה בהתאם לגודל הגלריה. אם חלק מהתמונות נחתכות, אתם צריכים לשנות את גודל הגלריה. פתרון נוסף הוא לבחור בהגדרות Crop (חיתוך) ו-Responsive (גודל רספונסיבי) בהגדרות של הפריסה.
- Loop images: הגולשים יוכלו לגלול בין התמונות ברצף אינסופי.
- Slide automatically: בחרו באפשרות הזו כדי שהתמונות במצגת יתחלפו אוטומטית.
- Info to display: בחרו אילו פרטים יופיעו בגלריה.
- Thumbnail resize (שינוי הגודל של התמונה הממוזערת):
- Crop: בחרו אם הגודל של התמונה יהיה קבוע או רספונסיבי.
- Fit: התמונה תוצג ביחס המקורי שלה ותותאם לגודל הגלריה. אם יש יותר מדי שטח ריק מסביב לתמונה, צריך להוסיף גובה לתמונה.
שימו לב: האפשרויות Border width & color (עובי וצבע המסגרת) ו-Corner radius (רדיוס הפינות) מופיעות רק אם בוחרים לחתוך את התמונה הממוזערת בהגדרות הפריסה.
- Image ratio (יחס התמונה):
- Responsive: (רספונסיבי) הגודל של התמונה יהיה רספונסיבי, וישתנה אוטומטית בהתאם למסך של המכשיר.
- Image ratio: בחרו אחת מהאפשרויות של היחס בין הגובה לרוחב של התמונה, למשל: (4:3, 1:1). התמונות יופיעו ביחס הזה בכל המכשירים.
- ?What happens to the info on hover: בחרו מה יקרה כשגולשים יעברו עם העכבר מעל התמונה – אם הטקסט יופיע או יעלם. כדי לבדוק איך זה נראה, תוכלו לפתוח תצוגה מקדימה של האתר ולעבור בעצמכם עם העכבר מעל התמונה.
- Appears: טקסט הפרטים יופיע בתמונה הראשית של האלבום.
- Disappears: טקסט הפרטים יעלם מהתמונה הראשית של האלבום.
- No change: טקסט הפרטים יישאר ללא שינוי בתמונה הראשית של האלבום.
- Spacing: (ריווח) בחירת המרווחים בין התמונות.
- Gallery direction: בחרו כיוון גלילה בין התמונות שבגלריה.
השתמשו בפריסה של מצגת אם אתם רוצים להציג תמונה אחת בכל פעם עם גלילה לרוחב.
- Loop images: (תמונות רצופות) הגולשים יוכלו לגלול בין התמונות ברצף אינסופי.
- Slide automatically: התמונות במצגת יתחלפו אוטומטית.
טיפ: כשאתם מגדירים שהתמונות במצגת יתחלפו אוטומטית, אתם יכולים להציג מונה בגלריה דרך הטאב Text (טקסט) בחלק Design (עיצוב). - Info bar size: (גודל סרגל המידע) הוספת סרגל עם מקום לאייקונים, שם ותיאור מתחת לגלריה.
- Play Button: (כפתור הפעלה) הוספת כפתור שיאפשר לגולשים לעצור או להפעיל את המצגת (רק אם האפשרות Slide automatically פועלת והתמונות מתחלפות אוטומטית).
- Time between images: בחרו תוך כמה זמן התמונות יתחלפו במצגת (רק כשהאפשרות Slide automatically פועלת והתמונות מתחלפות אוטומטית). שימו לב: אם אתם רוצים לשנות את אפקט המעבר בין התמונות, עברו לטאב Slide Animation (אנימציית מצגת) בחלק Design (עיצוב) בהגדרות.
- Info to display: בחרו אילו פרטים יופיעו בגלריה.
- Thumbnail resize (שינוי גודל תמונה ממוזערת):
- Crop: (חיתוך) כל התמונות יחתכו לגודל זהה.
- Fit: התמונה תוצג ביחס המקורי שלה ותותאם לגודל הגלריה. אם יש יותר מדי שטח ריק מסביב לתמונה, צריך להוסיף גובה לתמונה.
שימו לב: האפשרויות Border width & color (עובי וצבע המסגרת) ו-Corner radius (רדיוס הפינות) מופיעות רק אם בוחרים לחתוך את התמונה הממוזערת בהגדרות הפריסה.
- Gallery direction: בחרו כיוון גלילה בין התמונות שבגלריה.
השתמשו בפריסה של עמודות כשאתם רוצים להציג מספר תמונות בכל שורה.
- Loop images: (תמונות רצופות) הגולשים יוכלו לגלול בין התמונות ברצף אינסופי.
- Info to display: בחרו אילו פרטים יופיעו בגלריה.
- שם האלבום
- תאריך האלבום
- ?What happens to the info on hover: בחרו מה יקרה כשגולשים יעברו עם העכבר מעל התמונה – אם הטקסט יופיע או יעלם. האפשרות הזו מופיעה רק אם בחרתם שהפרטים יופיעו על התמונה (On image) בהגדרה הקודמת. כדי לבדוק איך זה נראה, תוכלו לפתוח תצוגה מקדימה של האתר ולעבור בעצמכם עם העכבר מעל התמונה.
- Appears: טקסט הפרטים יופיע בתמונה הראשית של האלבום.
- Disappears: טקסט הפרטים יעלם מהתמונה הראשית של האלבום.
- No change: טקסט הפרטים יישאר ללא שינוי בתמונה הראשית של האלבום.
- Spacing: (ריווח) בחירת המרווחים בין התמונות.
- Gallery direction: בחרו כיוון גלילה בין התמונות שבגלריה.
Bricks (לבנים), Mix (מיקס) ו-Alternate (משתנה)
השתמשו בפריסות האלה כדי להציג תמונות בגדלים שונים וכיוונים שונים (לאורך ולרוחב) זו לצד זו בגלריה.
- Spacing: (ריווח) בחירת המרווחים בין התמונות.
- Load More Button: בחרו אם להציג או להסתיר את הכפתור Load More לטעינת תמונות נוספות (האפשרות הזו מופיעה רק אם בחרתם בכיוון גלילה לאורך).
- How many images load: מספר התמונות שייטענו (האפשרות הזו רלוונטית רק אם בחרתם להציג כפתור Load more).
- All images (כל התמונות)
- One more section (הוספת עוד מקטע באותו גודל של הגלריה המקורית)
- Gallery direction: בחרו כיוון גלילה בין התמונות שבגלריה.
באפשרות הזו אתם יכולים להקליק על Create Magic Layout (יצירת פריסת קסם) כדי לשנות את הפריסה של הגלריה למשהו אקראי שיפתיע אתכם.
