יצירת חלק תחתון (Footer) באלמנטור
נכתב ע"י יוחאי ירמיהו6 שאלות
תיאור קצר לשיעור: בשיעור זה נלמד איך ליצור חלק תחתון (Footer) באמצעות אלמנטור ונלמד גם איך אפשר להגדיר את החלק התחתון בצורה כזאת שהוא יופיע בכל העמודים באתר.
אורך השיעור: 11:10 דקות
קורסים המכילים את השיעור וידאו:
תוכן השיעור:
בשיעור הזה אנחנו הולכים ללמוד איך ליצור חלק תחתון באמצעות אלמנטור ואיך להציג אותו בכל העמודים של האתר.
יצירת Footer באתר עם אלמנטור
לאחר שסיימנו ליצור חלק עליון (Header) באתר כעת על מנת לסיים את המבנה של האתר באופן טוב יותר נצטרך לעצב גם את החלק התחתון של האתר שנקרא גם Footer.
בשביל ליצור תבנית Footer באתר עלינו להיכנס אל "טמפלטים" ולאחר מכן לבחור באפשרות של "בונה תבנית". בעמוד זה נבחר את האופציה של "פוטר" ושם נלחץ על הכפתור של הוספת חדש בשביל ליצור פוטר חדש לעמוד.
בעמוד שיפתח נוכל ליצור את ה-Footer שאנחנו רוצים בהתאם לעיצוב וכאשר אנחנו שומרים את העיצוב שיצרנו יש ללחוץ על שמירה ולוודא שאנחנו מגדירים תנאי שיציג את החלק התחתון בכל העמודים באתר.
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- לבנות אתר ב-10 ימים 56 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 7: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק
- גישה לכל החיים
- תעודה הכשרה בסיום הלימודים (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
רכשו את הקורס 1076 סטודנטים לפניך (-:
מסלול וורדפרס Expert
למעלה מ-10 קורסים מלאים ומעל 700 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.- בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
- וורדפרס Beginner לימוד בניית אתרים למתחילים – (2,250 ₪)
- וורדפרס Tool Kit הצעת מחיר + אפיון + צ'ק ליסט + התנהלות עם לקוחות
- וורדפרס Next Level מחיר 2,500 ₪
- וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
- : אלמנטור Ninja הקורס שיהפוך אותך לנינג'ה באלמנטור – (999 ₪)
- אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
- וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
- וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
- וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
- בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
- בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
- בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
- בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
- בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
- בונוס 6: Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
- בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
- בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
- בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
- בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
- בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
- בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
- בונוס 14: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
- 758 שיעורים למתחילים + למתקדמים
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
רכשו את הקורס 764 סטודנטים לפניך (-:
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג'ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
6 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
איך אני מכניסה את השורה של כל הזכויות שמורות?
היי מירב, אני מסביר בסרטון איך להכניס את השורה עם הטקטס, צפית בסרטון?
אם התסבכת עם משהו ספציפי תפרטי קצת יותר עם מה הסתבכת ואני אשמח לסייע.
כשאני מוסיף תיבת טקסט לאזור מסוים באתר זה מוסיף לי את זה בשורה אחת (ולא בכל השטח\העמודה שמוגדרת לאזור זה) גם אם יש הרבה טקסט הוא לא יורד שורה אלא רושם את כל הטקסט אחד על השני בשורה אחת, רק אם אני לוחץ "אנטר" זה יורד שורה
האם משהו בהגדרות שעשיתי הוא לא נכון?
היי אביב, זה נראה כאילו יש לך באתר בעיה של גובה שורה.
אם הבעיה שלך היא רק בחלק התחתון של האתר אז אפשר לשפר את זה באופן נקודתי על ידי בחירה של האזור של הטקטס. משם את עובר לאפשרות של סגנון ותחת האפשרות של טיפוגרפיה יש לך את האופציה הלגדיר גובה שורה (צירפתי תמונה שמציגה את זה).
ככל שהערך של גובה שורה יהיה יותר גדול אמור להיות יותר מרווח בין השורות.
במידה ויש לך את הבעיה הזאת בכל האתר ולא רק באזור טקטס אחד אז אתה כנראה תצטרך לבצע את השינויים באופן גלובלי תחת ההגדרות הגלובליות של אלמנטור.
https://wp-school.co.il/elementor-global-site-settings/
היי יוחאי לא שמענו ממך רבות חח
רציתי להתייעץ איתך על משהו שנתקלתי בו באלמנטור. אני עובד עם **Hello Elementor** + **Elementor Pro** (אין לי ברירה בלי Hello, זה הבייס שלי), ובבונה תבנית פוטר הייתה לי תופעה מעצבנת: **בעורך הכל נראה מושלם, אבל באתר החי בדסקטופ חלק מהקונטיינרים “נשברים”** (יישורים/ריווחים/Wrap לא מתנהגים כמו בעורך). במובייל זה דווקא היה תקין.
כדי לשלול דברים עשיתי את כל הבדיקות המתבקשות:
* ניקיתי קאש בכל שכבות (Elementor / שרת / Cloudflare) ובדקתי גם בחלון נסתר.
* כיביתי את כל התוספים חוץ מאלמנטור + אלמנטור פרו.
* ווידאתי שאין CSS מוזר שמוטמע בטמפלט/בגלובל.
* בדקתי ב־DevTools וראיתי שב־front-end נכנסות לפעמים הגדרות Flex שונות (כמו כיוון Column/No-wrap) שדורסות לי את המבנה.
בסוף **פתרתי את הכל עם CSS “פלסטר” יציב**: נתתי class ייעודי לקונטיינר של השורה בפוטר, וב־media query לדסקטופ כפיתי `display:flex`, `flex-direction:row`, `flex-wrap:wrap`, וגם סידרתי שהקונטיינר האחרון (זכויות יוצרים) ירד שורה ויישב באמצע.
אשמח לשמוע את דעתך:
1. זה נשמע לך כמו באג/התנגשות טיפוסית של Elementor בין Editor ל‑Live, או יותר משהו שאני גורם אליו בהגדרות/מבנה? האם אולי לא בדקתי אצלי עוד משהו?
2. האם יש פתרון “נקי” יותר או שגם אתה היית הולך על CSS חיצוני עם class קבוע?
3. יש לך המלצה איך לצמצם/לנקות את הקוד כדי שיהיה פחות “כבד” ויותר תחזוקתי? או פיתרון אחר לגמרי?
תודה מראש!
דוד
היי דוד (-:
אם אתה מרגיש שעשית הכל כמו שצריך זה בהחלט יכול להיות באג של אלמנטור.
צריך להבין שאלמנטור זה תוסף מאוד מורכב, הם התחילו מאזורי עריכה של שורות + עמודות, עברו לקונטיינרים ועכשיו הם מפתחים עורך Editor V4 (שנמצא כרגע בגרסת אלפא).
וברגע שהם כל הזמן משנים את העורך הם מפסיקים לתמוך בצורה טובה בחלקים ישנים יותר ולפעמים זה גורם לבאגים שאתה חווה.
לפי הבדיקות והפעולות שעשית זה נשמע כאילו אתה יודע מה אתה עושה אז אני מעריך שהבעיה מגיעה דווקא מאלמנטור, וכן במצבים כאלו גם אני לפעמים יוצר class קבוע ועוקף את הקוד של אלמנטור.
זאת אחת האופציות הכי טובות שיש לך אבל צריך לדעת שיש חיסרון קטן ולפעמים בעדכונים של התוסף הם משנים את הקוד והפלסטר הזה מפסיק לעבוד.
אין לצערי פתרון מושלם אחר שאני יכול להציע לך.
1) אופציה האחת היא לנסות ולפנות לתמיכה שלהם והם יבקשו ממך ליצור גרסת פיתוח לאתר ששם הם ינסו לבדוק את הבעיה. הם דווקא עושים מאמץ לעזור אבל זה כאב ראש.
2) האופציה השנייה היא לעשות את מה שאתה עשית, לתת class קבוע לאזור ולעקוף אותו עם קוד משלך (זה מה שאני עושה בדרך כלל).
3) והאופציה השלישית היא הרבה יותר למתקדמים וזה גם משהו אני עושה לפעמים.
אז האופציה הזאת היא להתחיל לייצר ווידג'טים לאלממטור בעצמך שיוצרים את הקוד שאתה רוצה.
בחלק מהפרויקטים של הלקוחות לפעמים אני צריך להעלות אייקונים והייתה לי גם בעיה באלמנטור שלפעמים אני מכניס אייקון לפוטר או להדר ופתאום משום מקום האייקון קופץ ומשנה את הגודל שלו.
היו לי גם הרבה באגים עם האזור הזה עד שבסוף החלטתי ליצור ווידג'ט בעצמי שיודע לעלות אייקונים וחסכתי את הבעיה (כמובן שעשיתי את זה עם AI וזה חסך הרבה זמן) אבל זאת אופציה שהיא יותר למתקדמים ולא תתאים לאף אחד.
זה מצער אבל בסוף אלמנטור מחדשים הרבה והמחיר זה גם הרבה באגים ולא תמיד יש לזה פתרון.