אלמנטים

יצירת ועריכת גלריית תמונות

גלריית תמונות הינה אחד המרכיבים הפופולריים ביותר באתרי אינטרנט - במערכת הסופרסייט ישנם 3 סוגי גלריות , גלריית lightbox המציגה  תמונות אצבע קטנות
כאשר לחיצה עליהן תגדיל את התמונה, גלריית צד המציגה תמונות אצבע בצד ימין ותמונה מוגדלת בצד שמאל, גלרייה עליונה בה תמונות האצבע מוצגות בחלק העליון של גוף התוכן
ותמונה מוגדלת מתחתן.
יצירתן ועריכתן של כל אחת מגלריות אלה זהה ובסרטון זה נלמד את השלבים הכרוכים בכך.
הערה: אל גלריית lightbox ניתן להעלות תמונות אופקיות או אנכיות אך מומלץ להעלות תמונות ברזולוציה שרוחבה אינו עולה על 800 פיקסלים ואורכה אינו עולה על 800 פיקסלים
אל גלריית הצד רצוי להעלות תמונות ברזולוציה שגובהה הינו 446 פיקסלים ורוחבה הינו 550 פיקסלים. 
על מנת לצפות בסרטון באיכות גבוהה יש להפעיל את הסרטון ולאחר מכן ללחוץ על המשולש בצד התחתן הימני של נגן הסרטון המופיע ליד 480p ולבחור באפשרות 720HD

יצירת גלריית תמונות

יצירה ועדכון של גלריית תמונות

במערכת יש שלושה סוגים של גלריות: גלריית תמונות צד, גלריית תמונות עליונה וגלריית Ligjtbox. לכל אחת עיצוב שונה ומראה אחר. אין הגבלה על כמות התמונות בכל גלריה או על מספר הגלריות שניתן לפתוח.
כאשר פותחים את הסופרסייט, צריך לפתוח את הפיצ'ר של הגלריה, אחרת אין אפשרות לפתוח גלריות תמונות.

פתיחת גלריית תמונות נעשית בשני שלבים:
1. פתיחת/יצירת הגלריה (נעשה דרך דפי התוכן)
2. קישור דף הגלריה לתפריט הראשי (נעשה דרך התפריט הראשי ב- כלים)
פתיחת גלריה
1. נכנסים במערכת הניהול ל- דפי תוכן
2. בלחיצה, בוחרים את הגלריה הרצויה
3. בשדה Title, נותנים שם לגלריה
4. ניתן לעשות הכנסה מרוכזת של כל התמונות, בלחיצה על סימן הפלוס ובחירה בעזרת ctrl של התמונות הרצויות
5. לאחר שהעלנו את התמונות לוחצים על שמור. ממתינים שהמערכת תעלה את כל התמונות ואז לוחצים על הכפתור לשלב הבא
6. ממלאים עבור כל תמונה את הפרטים שלה - שם התמונה, תאור התמונה וה- ALT ולוחצים שוב על שמור

בגלריה, מופיעות תמונות קטנות כאשר לחיצה עליהן מגדילה את התמונה לגודל המקסימלי שלה. על מנת למקד את התמונה הקטנה כרצונכם ( לעשות crop), צריך ללחוץ על השורה Crop this image שנמצאת מעל כפתור הסר.נפתחת התמונה בנפרד. לוחצים על השורה לחץ כאן כדי לבחור איזור חיתוך אחר לתמונה זו שנמצאת בראש התמונה ואז בוחרים את אזור החיתוך בעזרת העכבר ולוחצים על הכפתור בצד שמאל צור תמונת אצבע.

7. בתחתית העמוד יש לחצן Publishing options, לוחצים עליו ונפתחות 3 אפשרויות. אם רוצים לעשות הצפה של הגלריה הזאת לדף
    הראשי, צריך לסמן את האופציה השלישית - sticky to top ואז שמור
8. אוטומטית מועברים לדף הגלריה, כאשר מצד שמאל יש כפתור עריכה, במידה ורוצים לשנות משהו, להוסיף או להסיר תמונות

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

קישור הגלריה בכפתור חדש
1. בכתובת ה- url למעלה מעתיקים (copy) את כל מה שאחרי index.org.il. לדוגמא: hoveret.index.org.il/image-gallery/1229
2. נכנסים ל: כלים ← תפריט ראשי
3. בתפריט המשני עם הפס האפור, בוחרים הוסף פריט
4. בשדה path מכניסים את הכתובת שהעתקנו (paste)
5. בשדה menu link title נותנים שם לכפתור החדש שאנו רוצים ליצור ולוחצים save על מנת לשמור את הפעולה
6. חזרנו לתפריט הראשי. לשינוי מיקום הגלריה צריך לתפוס עם העכבר את הסימן + שליד שם הכפתור ופשוט לגרור אותו ולסדר אותו היכן שרוצים ואז שמור
7. ניתן להכניס את הגלריה שיצרנו תחת כפתורים אחרים, כאשר הכוונה שהגלריה תהיה כפתור משנה תחת חטיבה אחרת

קישור הגלריה לכפתור קיים - "השתלטות"
1. פתחתנו גלריה חדשה כמו שכבר הסברנו והעתקנו את  כל מה שאחרי index.org.il. hoveret.index.org.il/image-gallery/1229
2. נכנסים ל: כלים ← תפריט ראשי
3. בשורה של גלריית תמונות 1 לוחצים על ערוך
4. בשדה path מכניסים את הכתובת שהעתקנו (paste)
5. בשדה menu link title נותנים שם לכפתור החדש שאנו יוצרים ולוחצים save
6. מה שעשינו זה לא לפתוח כפתור חדש כי אם להכניס את הגלריה החדשה שפתחתי בכפתור שכבר קיים

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