אז בין לבין היה שיעור מבוא ובו ראיתן את ההבדל בין קוד בצד שרת (PHP) לקוד בצד לקוח (JS)

למדתן מהו דומיין ומהו אחסון

ראיתן קצת ממה שניתן לעשות ב CPANNEL

ולמדתן להעביר אתר מאחסון לאחסון

היתה גם חופשה ארוכה ועכשיו חוזרים…

סיכום שיעור 5 – המשך תבניות פרימיום

חזרה על גלריות של פוג'ו

יצרנו גלריה בודדת (מצגת או גריד, תוכן ליד או מתחת…) ואז ראינו 3 דרכים לשלב אותה באתר:

שילוב בתוך עמוד אחר באמצעות shortcode

שילוב בתוך עמוד אחר כווידג'ט של אלמנטור (קבוצת הווידגטים – פוג'ו)

שילוב בתפריט – רק במקרה זה יוצג גם המלל הנילווה לגלריה.

יצרנו קטגוריות של גלריות (במקרה שלנו היה לנו מהדמו שייבאנו) ויצרנו עמוד המרכז את כל הגלריות

הוספנו לעמוד שלנו גם סרגל סינון לפי קטגוריות.

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

שילוב מצגת

ראינו שהתבניות של פוג'ו מוסיפות לנו לממשק הניהול עוד סוג של פוסטים – מצגות

יצרנו מצגת של לוגואים (ניתן להגדיר לאן כל לוגו מקשר) ושילבנו אותה בעמוד הבית שלנו

שילוב טופס

ראינו שהתבניות של פוג'ו מוסיפות לנו לממשק הניהול עוד סוג של פוסטים – טפסים

יצרנו טופס צור קשר (ישולב בעמוד או באמצעות shortcode או באמצעות ווידג'ט של אלמנטור)

ראינו שניתן להוסיף לטופס שדות מסוגים שונים

ניתן לקבוע את רוחב השדות בתצוגה (למשל 3 שדות של 33% יוצגו בשורה זה ליד זה)

ניתן לקבוע עבור כל שדה האם הוא חובה

ניתן לעצב את שדות הטופס ואת כפתור השליחה

ניתן לקבוע למי ישלח המייל ואף מה יוצג בשם השולח (ניתן לשים shortcode של שדה וכך בעצם המייל יגיע כאשר בתור השולח מופיע השם שהגולש שלנו מילא באתר).

יצירת עמוד one-page באמצעות התבנית

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

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

הכרות עם revolution slider

הכרנו את העקרונות הבסיסיים בעבודה על תוסף revolution slider

ראינו שאנו יכולים ליצור סליידרים

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

כל שקופית יכולה להיות מורכבת מכמה שכבות

ראינו שאנו יכולים להגדיר דברים כלליים לסליידר כמו משך זמן שקופים, האם יהיה חצים או לא וכד'

ראינו שאנחנו מגדירים לכל שקופית את תמונת הרקע שלה ועוד

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

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

ראינו שיש לנו ציר זמן.

כל שכבה שנוספת יש לנו שורה נוספת בציר הזמן

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

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

ראינו שניתן לתת אנימציית כניסה ויציאה לכל שכבה וכן לכל שקופית

שיעורי בית –

שיעורי הבית שלכן הם להמשיך לבנות את האתר שהתחלתן

לחסרות המעוף אפשר לבנות אתר כמו זה www.grnc.coil

שלבו באתר מצגת לוגואים

שלבו באתר טופס

שלבו באתר סליידר פשוט