Studio Editor: הוספה ועריכה של תיבת טקסט מתכווצת (Collapsible)
זמן קריאה: 4 דקות
אם יש הרבה מידע שאתם רוצים להציג באתר, תוכלו להשתמש בתיבת טקסט מתכווצת (Collapsible) – חלקים מהטקסט מוסתרים, וכדי לראות את כל הטקסט הגולשים צריכים להקליק על כפתור הרחבה או על לינק לטקסט המלא.
בעמוד זה נסביר איך לעבוד עם תיבות טקסט מתכווצות:
הוספת תיבת טקסט מתכווצת
אתם יכולים להוסיף לעמוד תיבות טקסט מתכווצות בסגנונות שונים, בהתאם לצרכים שלכם. יש עיצובים מוכנים עם כפתור להרחבת הטקסט באותו עמוד, ויש עיצובים עם לינק לעמוד אחר שבו ניתן לקרוא את כל גוף הטקסט.
כדי להוסיף תיבת טקסט מתכווצת:
- הקליקו על Add Elements
(הוספת אלמנטים) בצד שמאל של ה-Editor. - הקליקו על Text (טקסט).
- הקליקו על Collapsible Text (תיבת טקסט מתכווצת).
- גררו את תיבת הטקסט שבחרתם אל העמוד.
שינוי הפריסה של תיבת טקסט מתכווצת
בחרו איך הגולשים יוכלו לקרוא את גוף הטקסט המלא: כפתור שפותח את הטקסט המלא באותו עמוד, או לינק שמפנה אותם לקטע המלא.
אתם יכולים גם להגדיר את היישור, הריווח והמספר של שורות הטקסט שיופיעו לפני שהגולשים מקליקים לצפייה בשאר.
כדי לשנות את הפריסה של הטקסט:
- הקליקו על תיבת הטקסט המתכווצת.
- הקליקו על אייקון הפריסה
. - התאימו את הפריסה בעזרת האפשרויות:
- Choose how the text appears: בחרו איך מוצג הטקסט כולו:
- Collapsed: הגולשים רואים תצוגה מקדימה של הטקסט, והם צריכים ללחוץ על כפתור או על לינק כדי לקרוא את כל גוף הטקסט.
- Show All: הטקסט כולו מוצג בעמוד במקום להיות מקופל.
- Number of lines displayed: בחרו את מספר שורות הטקסט שיוצגו לפני שהגולשים צריכים להקליק על הכפתור כדי לראות את השאר.
- Button alignment: יישרו את הכפתור שעליו הגולשים מקליקים לימין, לשמאל או למרכז.
- Spacing between text and button: הגדילו או הקטינו את המרווח בין הטקסט לכפתור.
- Choose how the text appears: בחרו איך מוצג הטקסט כולו:
עריכת הטקסט המתקפל
אחרי הוספת תיבת טקסט מתקפל, הקליקו על Change Text (שינוי טקסט) כדי להוסיף את גוף הטקסט המלא (עד 120,000 תווים). אתם יכולים גם לערוך את הטקסט של הכפתור או הלינק שמאפשרים לגולשים לקרוא עוד.
כדי להוסיף או לערוך את הטקסט:
- הקליקו על תיבת הטקסט המתקפל.
- הקליקו על Change Text (שינוי טקסט).
- הקלידו או הדביקו את הטקסט המלא תחת Change Text.
- החליטו מה הכפתור עושה:
- Expand: הקלקה על הכפתור מרחיבה את תיבת הטקסט באותו עמוד, כך שכל הטקסט מוצג.
- Link: הקלקה על הכפתור מפנה את הגולשים לעמוד אחר שכולל את הטקסט המלא. אל תשכחו לבחור את היעד תחת Links to (מקשר ל-).
- הכניסו את הטקסט שאתם רוצים שיופיע על גבי הכפתור.
עיצוב תיבת הטקסט המתקפל
עצבו את תיבת הטקסט המתקפל כך שתתאים למראה העמוד. אתם יכולים לשנות את המראה של התיבה עצמה (לדוגמה את צבע הרקע שלה), לעצב את הטקסט ולערוך את הכפתור או הלינק שמובילים לטקסט המלא.
כדי לעצב את תיבת הטקסט המתקפל:
- הקליקו על תיבת הטקסט המתקפל.
- הקליקו על החץ לפתיחת חלונית ה-Inspector (עריכה)
בפינה הימנית העליונה של ה-Editor. - גללו למטה אל Design (עיצוב).
- בחרו אפשרות תחת What you want to design? (מה אתם רוצים לעצב?):
- Text: ערכו את התיבה שמכילה את הטקסט (לדוגמה צבע הרקע, המסגרות, ההצללות) ואת הטקסט עצמו (פונט, גודל ועוד).
- Button: ערכו את הלינק או הכפתור שהגולשים מקליקים כדי לצפות בטקסט המלא. אתם יכולים להתאים אותו ל-3 מצבים שונים – Regular (רגיל), Hover (מעבר עם העכבר), ו-Disabled (מושבת).
שימו לב:
נכון לעכשיו, האפשרות לשנות את גודל הטקסט לא זמינה עבור טקסט מתקפל.
זה עזר לך?
|