שינוי/הוספת נקודות שבירה לתצוגת המובייל באלמנטור
נכתב ע"י יוחאי ירמיהו5 שאלות
תיאור קצר לשיעור: בשיעור זה נלמד איך לשנות את ההגדרות הגלובליות של אלמנטור על מנת להוסיף נקודות שבירה נוספות שיאפשרו לנו לערוך את תצוגת המסך במובייל, בטאבלט, במחשב נייד, בטלוויזיה רחבה ועוד...
אורך השיעור: 1:56 דקות
קורסים המכילים את השיעור וידאו:
תוכן השיעור:
לשמחתנו אלמנטור השיקו גרסה נוספת לאזור עריכה של המובייל ובאמצעות הגרסה הזאת נוכל להוסיף אזורי תצוגה שונים שנוכל להתאים בהם את התצוגה של המסך. בשיעור זה נבין איך לעשות זאת.
הפעלת נקודות שבירה במידה וזה לא פועל
במידה ובעת כניסה להגדרות הגלובליות של אלמנטור לא מופיעה לנו היכולת להוסיף נקודות שבירה למסך אז זה אומר שכרנאה הנקודת שבירה מכובת אצלנו באתר (בדרך כלל זה מופיע בגרסאות ישנות יותר של אלמנטור).
אם זהו המצב עלינו להיכנס אל אלמנטור >> הגדרות >> ניסויים ולמצוא את האפשרות של Additional Custom Breakpoints ולסמן את האפשרות הזאת על פעיל. לאחר שנעשה זאת האפשרויות מסך השונות יופיעו לנו תחת ההגדרות הגלובליות של אלמנטור ואז נוכל להוסיף נקודות שבירה נוספות.
הוספת אזורי עריכה שונים למחשב נייד ולמובייל
בשיעור של התאמת למובייל של אזורים באלמנטור לימדתי אתכם איך לשנות את התצוגה של האתר לפי תצוגת המסך שאנחנו רוצים להתאים והיו לנו את האפשרויות של מחשב נייח, טאבלט וטלפון נייד.
בגרסת 3.4 של אלמנטור הם השיקו אפשרות נוספת ומועילה במיוחד שמאפשרת לנו להגדיר אזורי תצוגה נוספת כמו מחשב נייד, טלוויזיה רחבה ועוד…
בשיעור הזה אלמד אתכם איך אפשר להציג את האזורים השונים ואסביר גם על החסרונות של שימוש ביותר מידי נקודת שבירה למסך ואיך לזה יכול לגרום להאטה של האתר שלכם.
למה לא להשתמש בכל תצוגות המסך?
למרות שזה אפשרי להשתמש בכל תצוגות המסך שאלמנטור מציעים הייתי ממליץ לא לעשות בזה שימוש מופרז.
בכל פעם שאנחנו יוצרים גרסה נוספת לעמוד המותאמת למובייל זה מייצר קוד נוסף לעמוד ויכול לגרום להאטה שלו. אלמנטור הוא תוסף מאוד כבד וכל תוספת קוד נוספת תשפיע על מהירות הטעינה של האתר.
ככל שניתן עדיף להשתמש באופן מינימלי בשדות של עריכה למובייל ולעשות בהם שימוש רק כאשר זה ממש חשוב. אני באופן אישי מוסיף רק את אפשרות העריכה של מחשב נייד ולא משתמש באפשרויות הנוספות כמו טלוויזיה, נייד מורחב וכו….
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- לבנות אתר ב-10 ימים 56 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 7: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק
- גישה לכל החיים
- תעודה הכשרה בסיום הלימודים (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
רכשו את הקורס 1078 סטודנטים לפניך (-:
מסלול וורדפרס 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 ימים
רכשו את הקורס 765 סטודנטים לפניך (-:
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג'ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
5 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
היי יוחאי,
ראה בבקשה צילום מסך, למה לדעתך אין לי אפשרות להוסיף נקודת שבירה כגון לפטופ?
תודה,
שרגא
היי שרגא, לי עדיין מופיעה האפשרות אז ננסה לוודא כמה דברים.
1) יכול להיות שאתה חייב אלמנטור PRO כדי לבצע את השינויים אז תוודא שיש לך את הגרסת פרו מותקנת על האתר.
2) כנס לאזור ניהול באתר ובתפריט הימני תבחר באפשרות של אלמנטור ולאחר מכן באפשרות של הגדרות.
בעמוד שיפתח יהיה לך תפריט עליון ובתפריט הזה תלחץ על הכפתור של "מאפיינים". בעמוד הזה חפש את האפשרות של "Additional Custom Breakpoints" (יכול להיות שזה יהיה בעברית) ותוודא שהאפשרות הזאת מסומנת.
3) לאחר מכן אתה נכנס להגדרות אתר >> פריסה >> נקודות שבירה וכל עוד הפעלת את האפשרות בשלב השני אז אמור להיות לך את היכולת להוסיף נקודות שבירה.
מעולה עובד!
תודה רבה על העזרה יוחאי.
שרגא
הי יוחאי 🙂
האם יש נקודות שבירה מומלצות ?
או שהכי כדי להשאיר את ההגדרות של אלמנטור ?
שאלה נוספת , האם אפשר להתאים 2 אופציות למובייל ?
ההבדל בין המסכים הקטנים במובייל למסכים הגדולים הוא הבדל משמעותי ואז יוצא שבחלק מהמסכים דברים לא נראים טוב .
אני בדרך כלל משתמש בנקודות שבירה המומלצות ואם זה אתר יותר מורכב אני מוסיף נקודות נוספות.
לגבי המובייל, את יכולה להוסיף נקודות שבירה נוספות שאולי יאפשרו לך להגדיר את המובייל באופן נוסף כמו מובייל רחב אבל מעבר לזה אין לך הרבה אפשרויות וכדאי ליצור אתר כמה שיותר פשוט שיצריך כמה שפחות שינויים לתצוגות השונות.