איך לבדוק האם האתר מותאם למובייל? (אתר רספונסיבי)
נכתב ע"י יוחאי ירמיהו2 שאלות
תיאור קצר לשיעור: בשיעור זה נלמד איך אפשר לבדוק האם האתר מותאם למובייל. נלמד איך לבצע את הבדיקה באמצעות הדפדפן, באמצעות הטלפון ובאמצעות האפשרויות התאמה למובייל של אלמנטור.
אורך השיעור: 6:07 דקות
קורסים המכילים את השיעור וידאו:
תוכן השיעור:
בשיעור זה אנחנו הולכים ללמוד איך אפשר לבדוק האם האתר שלנו מותאם למובייל בצורה טובה ותקינה. נלמד איך לבצע את הבדיקה באמצעות הטלפון הנייד, באמצעות הדפדפן, ובאמצעות אלמנטור.
למה חשוב שהאתר יהיה מותאם למובייל?
נכון להיום מרבית הכניסות שאנחנו מקבלים לאתר מגיעות מהמובייל (טלפון נייד) ובמשך השנים הנתון הזה רק הולך וגדל.
לרבים מהאנשים היום אין מחשב אבל יש טלפון נייד שמאפשר להם לגלוש באינטרנט ולהיכנס לאתרים השונים. לכל אדם ואפילו לכל ילד יש היום טלפון חכם שמאפשר לו להגיע אל האתר שלכם.
לי באופן אישי יש אתרים שמקבלים יותר כניסות מהנייד מאשר מהמחשב (זה יכול להשתנות לפי קהל היעד של האתר) ובשל הסיבה הזאת אנחנו חייבים להתאים את האתר שלנו גם לטלפון הנייד.
עדיף לבצע התאמה גם לטאבלט אבל אחוז הכניסות מהטאבלט הוא מאוד קטן אז לא צריך להשתגע שם. לעומת זאת המחשב הנייד חשוב הרבה יותר ואדבר על הנושא הזה בשיעור של הוספת נקודות שבירה לתצוגת המובייל באלמנטור.
איך לבדוק האם האתר מותאם למובייל?
כאשר אנחנו רוצים לבדוק האם האתר רספונסיבי ומותאם למובייל יש לנו כמה דרכים לעשות זאת.
בדיקת רספונסיביות באלמנטור – הבדיקה הראשונה שאנחנו יכולים לעשות זה לבדוק את האתר באמצעות אלמנטור. תחת האפשרות של עריכת עמוד יש לנו גם את היכולת ללחוץ על האייקון של "מצב רספונסיבי" ושם לבדוק איך תצוגת האתר מופיעה גם בתצוגת הטלפון הנייד.
התאמה למובייל דרך הדפדפן – אפשרות נוספת לבדיקת התאמה למובייל היא פשוט לקחת את דפדפן הגלישה שבו אנחנו משתמשים ולגרור את הרוחב של העמוד כך שנוכל לראות האם האתר מותאם למובייל או לא.
באמצעות הדפדפן נוכל לראות את תצוגת האתר בכל רוחבי המסך וכך נוכל לראות האם האתר מותאם גם לרוחב מסך שאלמנטור לא מספקים לו תמיכה. בשיעור של הסתרת אלמנטים באלמנטור נוכל גם לראות שהאלמנטים עדיין מופיעים בעריכה ובאמצעות הדפדפן נוכל לצפות באתר ללא האלמנטים המוחבאים.
בדיקה באמצעות טלפון נייד – למרות שיש לנו את היכולת לבדוק את האתר דרך המחשב אין תחליף לבדיקה של האתר גם בטלפון הנייד. לאחר הבדיקה הראשונית במחשב תהיו חייבים לבדוק את האתר גם בטלפון הנייד.
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-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 שנה. נינג'ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
2 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
הי יוחאי,
אני בונה אתר עם דפדפן ספארי ורציתי לדעת האם התצוגות של גדלי המסך השונים דרך הפלטפורמה של אלמנטור מספיק אמינות מבחינת ההחלטה על נקודות שבירה ותאימות למסכים שונים דרך האחוזים שמופיעים משמאל למעלה או ע"י גרירה של שולי המסך או שכדאי בכל מקרה לפתוח מסך נוסף בדפדפן פיירפוקס כדי לבדוק את זה? במידה ואתה יודע איך מגיעים לגדלי מסך שונים דרך האינספקט אלמנט של ספארי אשמח שתכתוב לי.
היי, אני לא הייתי מסתמך על התצוגה של אלמנטור.
היו לי מקרים שבעריכה ראיתי משהו אחד ובמסך של הדפדפן ראיתי משהו אחר. אז בכל מקרה אני מעדיף לבצע את הבדיקה גם בדפדפן.
לגבי ספארי אני לא חזק בדפדפן הזה אבל תנסי לעשות חיפוש בגוגל. את יכול גם פשוט להקטין את הגודל של החלון של הדפדפן באופן ידני גם ללא האינספקט.