כשיש כמה דברים שרוצים להציג באותו גובה מסך, למשל ארבעה שירותים, חמישה חדרים במלון בוטיק או שלוש קולקציות, רשת של כרטיסים יכולה להרגיש עמוסה. אקורדיון תמונות מציג את כולם בשורה אחת: כל פאנל מראה רצועה מהתמונה שלו, והפאנל שהגולשים בוחרים גדל ומספר את הסיפור המלא.
מה הווידג'ט עושה
הווידג'ט מסדר פאנלים של תמונות זה לצד זה. הפאנל הפתוח גדל ומציג כותרת, טקסט וכפתור, והפאנלים הסגורים מציגים רק את הכותרת. פאנל נפתח במעבר עכבר או בלחיצה, לפי הבחירה.
- כלול: שלושה מראות
קולנועי וכהה, כרטיס זכוכית בהיר, או מגזיני עם מספרים גדולים וקו הדגשה דק.
- כלול: תוכן מלא בכל פאנל
תמונה, כותרת, טקסט, ואם רוצים גם כפתור עם קישור וסמל.
- כלול: שליטה בפתיחה
בוחרים מתי פאנל נפתח, איזה פאנל פתוח בהתחלה, ופי כמה הוא גדול מפאנל סגור.
- כלול: פאנלים סגורים לפי הטעם
כותרת מסובבת על הצד, כותרת קטנה, או רק התמונה.
- כלול: מותאם לטלפונים
במסכים צרים הפאנלים מסתדרים זה מעל זה, ונגיעה פותחת פאנל.
- כלול: גם במקלדת
עוברים בין הפאנלים במקשי החיצים ופותחים פאנל במקש Enter.
ככה זה נראה
למעלה, המראה "כרטיס זכוכית בהיר", שנפתח בלחיצה. למטה, המראה "קולנועי, כהה", שנפתח במעבר עכבר, עם סמל וכפתור בכל פאנל.
פריחה צהובה שמכסה את הגבעות בכל אביב.
לגלריה המלאה
פרח אדום אחד, צילום מקרוב באור של בוקר.
לגלריה המלאה
אוסף פרחים מהגינה, מסודר בצבעים.
לגלריה המלאה
אולם התצוגה החדש, עם תקרה גבוהה ואור טבעי.
לגלריה המלאה
חפץ ישן עם סיפור, מהאוסף של הסטודיו.
לגלריה המלאה
אור ראשון מעל רכסים שקטים, ושביל שמתחיל ממש ליד הדלת.
לכל המסלולים
הליכה מוצלת בין עצים עתיקים, עם נחל שמלווה את הדרך.
לכל המסלולים
חול חמים, שקט רחב ושקיעות שצובעות את כל השמיים.
לכל המסלולים
ירח מלא מעל הרים כחולים, ולילה שאין לו סוף.
לכל המסלוליםלמי זה מתאים
הווידג'ט מתאים לכל מקום שבו יש כמה פריטים שווים בחשיבותם, שכל אחד מהם ראוי לתמונה גדולה. מלון או צימר יכולים להציג את החדרים, מסעדה את התפריטים לפי שעות היום, משרד עורכי דין את תחומי ההתמחות, וסטודיו לעיצוב את סוגי הפרויקטים. בחנות אונליין זה עובד יפה לקולקציות, ובאתר של קורס אפשר להציג את הפרקים עם המראה "מגזיני, עם מספרים".
איך מגדירים
- מוסיפים פאנלים
בתוכן > פאנלים מוסיפים פאנל לכל פריט: "תמונה", "כותרת", "טקסט", ואם רוצים גם "טקסט הכפתור" עם "קישור" ו"סמל".
- בוחרים מראה ופתיחה
בתוכן > פריסה ופתיחה בוחרים את ה"מראה", מתי "פאנל נפתח", ואת "הפאנל שפתוח בהתחלה".
- קובעים את הסידור
באותו אזור בוחרים את "מיקום הפאנלים", ובאילו מסכים הם עוברים ל"סידור זה מעל זה".
- מכוונים את התוכן
קובעים את "גודל הפאנל הפתוח", את "תצוגת הפאנלים הסגורים" ואת "מיקום התוכן".
- מעצבים
בסגנון > פאנלים קובעים "גובה", "רווח בין הפאנלים", "עיגול פינות" ושכבת כיסוי.
טיפים
שאלות נפוצות
מה קורה בטלפונים?
כברירת מחדל, בטלפונים הפאנלים מסודרים זה מעל זה, ונגיעה פותחת פאנל. ב"סידור זה מעל זה" אפשר להחיל את זה גם על טאבלטים, או לבטל את זה לגמרי.
איזה מראה לבחור?
"קולנועי, כהה" מתאים לתמונות חזקות וכהות עם טקסט לבן. "כרטיס זכוכית בהיר" מציג את הטקסט על כרטיס של זכוכית חלבית ומתאים לתמונות בהירות. "מגזיני, עם מספרים" מתאים לשלבים או לפרקים.
אפשר להתחיל לבנות לפני שיש תמונות?
כן. פאנלים בלי תמונה מציגים נוף מצויר ורך, כך שאפשר לתכנן את הפריסה ולהוסיף את התמונות אחר כך.
אפשר להציג את הפאנלים זה מעל זה גם במחשב?
כן. ב"מיקום הפאנלים" בוחרים "זה מעל זה", והפאנל הפתוח גדל לגובה במקום לרוחב.
הווידג'ט "אקורדיון תמונות" כלול ב-PeleAddons, בחינם ובלי נעילות. הוא פעיל מיד אחרי ההתקנה, ומוצאים אותו בפאנל של Elementor בקטגוריה PeleAddons.