הסבר על רכיב הסליידר במערכת קאשקאו

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

 

1. יש להיכנס לעריכת אתר - ללחוץ על הכפתור "עריכה" ולהיכנס לעורך האתר.

 

2. בעורך האתר תוכלו לגרור את הרכיב "קאשקאו סליידר" לתוך האתר עצמו ואז הרכיב יתווסף לדף.

3. ברגע שהרכיב התווסף לדף תוכלו ללחוץ עליו עם העכבר / ללחוץ על ה 3 נקודות ולבחור בעריכה / ללחוץ עם הכפתור הימני בעכבר ולבחור בעריכה ולהיכנס לעורך הסליידר.

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

תוכלו לראות פירוט על האפשרויות בתצלום מסך הבא:

5. להוספת שקופית חדשה יש ללחוץ על הכפתור "הוספת שקופית" ולאחר מכן תפתח שקופית חדשה ריקה (בדוגמא שקופית 3).

6. כל שקופית כוללת הגדרות נוספת לכל אפשרות. 

להגדרת השקופית לחצו על גלגל השיניים ואז תוכלו לבצע מספר שינויים ברמת השקופית עצמה.

שינויים ברמת הצבעים (לחיצה על לשונית 'צבעים') - מאפשר לכם לשנות את סוג הרקע שתוצג בשקופית:

- סוג רקע של צבע מסוים (למשל שחור, לבן, כחול וכדומה).

 

- סוג רקע של תמונה שאתם מעלים מהמחשב (תמונה שתוצג כרקע של הסליידר ועליה תוכלו להוסיף אלמנטים כמו טקסט/תמונות וכפתורים).

 

 

בחירת סוג הגודל מאפשר לכם להחליט איך התמונת רקע תוצג בשקופית.

ניתן להגדיר את סוג גודל התמונה:

~ cover - מציג את התמונה כתמונה cover (מותח את התמונה לרוחב המתאים של הסליידר).

~ contain - מציג את התמונה בצורה ממורכזת בסליידר.

~ fit 100% - מציג את התמונה לכל 100% של הסליידר (בצורה רוחבית מלאה).

 

ניתן להגדיר גם את החזרה על התמונה - האם התמונה תשכפל את עצמה במקרה והתמונה קטנה (כלומר האם התמונה תוצג פעם אחת או תשוכפל במקרים ויש מקום בסליידר).

 

- סוג רקע של 'רקע מערכת' - תוכלו להגדיר ולבחור רקע קבוע מתוך רקעים בנויים מראש מתוך המערכת.

 

 

 

7. הגדרה נוספת של השקופית היא בצורת הנפשה וזמנים - תוכלו להגדיר זמנים כמו: זמן מעבר לשקופית הבאה, הנפשות ועוד.

~ משך זמן השקופית עד למעבר לשקופית הבאה - תוכלו להגדיר תוך כמה זמן השקופית הנוכחית תוצג עד למערכת לשקופית הבאה. הזמנים מוצגים לפי מאית השנייה ולכן 1000 מאית השניה זה למעשה שניה אחת (לדוגמא: 7000 זה מעבר של 7 שניות בין השקופיות).

~ סוג ההנפשה בהצגת האובייקט - סוג ההנפשה שבה השקופית תעלם ותעבור לשקופית הבאה.

~ משך זמן ההנפשה עד להצגה מלאה - תוך כמה זמן למעשה השקופית (כולל האובייקטים שבתוכה) תעלה בצורה מלאה.

~ סוג ההנפשה בהעלמת האובייקט - איזה סוג הנפגשה זה יציג כאשר השקופית נעלמת (בשבל שהשקופית יוצאת ועוברת לשקופית הבאה).

~משך זמן ההנפשה על להעלמות מלאה - תוך כמה זמן ההנפשה שהגדרתם בהעלמת האובייקט תעלם (יותר זמן = המעבר בין השקופיות יהיה יותר איטי אך יהיה עם אנמיציה לפי הסוג הנפגשה שבחרתם).

 

 
8. הגדרות כלליות של הסליידר עצמו (משפיע על כל השקופיות).

ניתן להגדיר לסליידר עצמו מספר דברים:

- גובה (על הגובה שתגדירו כך הסליידר יהיה גבוה יותר או פחות - מומלץ להגדיר את הגובה לפי הרזולוציה של התמונות של הסליידר).

  כמובן שכל התמונות צריכות להיות באותו הגובה על מנת שזה יראה מושלם.

- הצג כפתורי מעבר ימין ומשאל - להציג או לא להציג כפתורים בצדדים שמאפשרים לגולש לעבור בין השקופיות שמאלה או ימינה.

- הצג מעבר בין שקופיות - האם להציג בתחתית הסליידר עיגולים שמאפשרים לגולש לעבור בין השקופיות.

- הצג מד התקדמות - האם להציג מדד שמראה לגולש כמה זמן נשאר למעבר לשקופית הבאה.

 

9. בכל שקופית תוכלו להוסיף אובייקטים (טקסט / תמונה וכפתור) על ידי לחיצה על הכפתורים למטה.

את האובייקטים ניתן לערוך לאחר ההוספה לשקופית.

בכל אחד מהאובייקטים ניתן לבצע עריכה.

עריכה של אובייקט טקסט - יש ללחוץ 2 לחיצות עם העכבר על הטקסט/ ללחוץ עם הכפתור הימני בעכבר בשביל לערוך או למחוק את האובייקט.

לאחר לחיצה על עריכת הטקסט תוכלו לבצע עריכה כללית או עריכה של הנפשה וזמנים.

בעריכה הכללית:

~ טקסט - ניתן לכתוב טקסט שיוצג בשקופית.

~ צבע גופן - ניתן לבחור צבע לטקסט.

~ רקע טקסט - ניתן להגדיר צבע רקע לטקסט.

~ גודל עיגול פינות - ניתן להגדיר את הגודל של עיגול הפינות (במידה ותרצו להציג פינות מעוגלות יותר ולא ריבועיות).

~ קישור - ניתן להגדיר שלחיצה על הטקסט תפנה את הגולש לאתר/קישור חיצוני.

עריכת הנפגשה וזמנים:

~ זמן עד להתחלת הצגת האובייקט - תוך כמה זמן האובייקט עצמו בתוך השקופית עולה.

~ סוג ההנפגשה שיוצג כאשר האובייקט נכנס לשקופית.

~ משך זמן ההנפשה של האובייקט עד להצגה מלאה - תוך כמה זמן למעשה האובייקט יעלה בצורה מלאה.

~סוג ההנפשה בהעלמת האובייקט - תוך כמה זמן ההנפשה שהגדרתם בהעלמת האובייקט תעלם (יותר זמן = האובייקט יעלם יותר לאט).

~ משך זמן ההנפשה עד להעלמות מלאה - תוך כמה זמן האובייקט נעלם.

  

עריכה של אובייקט תמונה - יש ללחוץ 2 לחיצות עם העכבר על התמונה/ ללחוץ עם הכפתור הימני בעכבר בשביל לערוך או למחוק את האובייקט.

לאחר לחיצה על עריכת התמונה תוכלו לבצע עריכה כללית או עריכה של הנפשה וזמנים.

בעריכה הכללית:

 

~ העלאת תמונה מגלריית התמונות (חובה להעלות את התמונה לגלריית התמונות ומשם לבחור את התמונה לאובייקט).

~ קישור - ניתן להגדיר שלחיצה על התמונה תפנה את הגולש לאתר/קישור חיצוני.

 

 

 

עריכת הנפגשה וזמנים:

~ זמן עד להתחלת הצגת האובייקט - תוך כמה זמן האובייקט עצמו בתוך השקופית עולה.

~ סוג ההנפגשה שיוצג כאשר האובייקט נכנס לשקופית.

~ משך זמן ההנפשה של האובייקט עד להצגה מלאה - תוך כמה זמן למעשה האובייקט יעלה בצורה מלאה.

~סוג ההנפשה בהעלמת האובייקט - תוך כמה זמן ההנפשה שהגדרתם בהעלמת האובייקט תעלם (יותר זמן = האובייקט יעלם יותר לאט).

~ משך זמן ההנפשה עד להעלמות מלאה - תוך כמה זמן האובייקט נעלם.

 

עריכה של אובייקט כפתור- יש ללחוץ 2 לחיצות עם העכבר על הכפתור/ ללחוץ עם הכפתור הימני בעכבר בשביל לערוך או למחוק את האובייקט.

 לאחר לחיצה על עריכת התמונה תוכלו לבצע עריכה כללית או עריכה של הנפשה וזמנים.

בעריכה הכללית:

 ~ טקסט שיוצג בכפתור - הוספת טקסט שיוצג בכפתור.

~ צבע גופן - בחירת צבע הגופן של הטקסט בתוך הכפתור.

~ רקע הכפתור - בחירת צבע של רקע הכפתור.

~ קישור - ניתן להגדיר שלחיצה על התמונה תפנה את הגולש לאתר/קישור חיצוני.

 

עריכת הנפגשה וזמנים:

~ זמן עד להתחלת הצגת האובייקט - תוך כמה זמן האובייקט עצמו בתוך השקופית עולה.

~ סוג ההנפגשה שיוצג כאשר האובייקט נכנס לשקופית.

~ משך זמן ההנפשה של האובייקט עד להצגה מלאה - תוך כמה זמן למעשה האובייקט יעלה בצורה מלאה.

~סוג ההנפשה בהעלמת האובייקט - תוך כמה זמן ההנפשה שהגדרתם בהעלמת האובייקט תעלם (יותר זמן = האובייקט יעלם יותר לאט).

~ משך זמן ההנפשה עד להעלמות מלאה - תוך כמה זמן האובייקט נעלם.

10. לשכפול השקופית לחצו על האייקון של הריבועים המחוברים.

11. למחיקת השקופית לחצו על האייקון של הפח האדום.