התאמת האתר למובייל

נכתב ע"י יוחאי ירמיהו9 שאלות

תיאור קצר לשיעור: בשיעור הזה נלמד איך לבצע התאמה של האתר למובייל עבור העמוד הראשי, החלק העליון באתר (Header) והחלק התחתון (Footer). נבצע התאמה לתצוגת המחשב, טאבלט ומובייל.

אורך השיעור: 15:50 דקות

קורסים המכילים את השיעור וידאו:

תוכן השיעור:

תוכן ראשוני שיופיע בעמוד

כותרת ברמה 1

תוכן משני שיופיע בתוך העמוד

הצטרפו לקהילות המובילות של בוני האתרים בישראל

זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:

מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪

קורסים מקיפים ומומלצים ללימוד בניית אתרים

לבנות אתר ב-10 ימים

קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.

קורס לבנות אתר ב-10 ימים 53 שיעורים שילמדו אותך הכל על בניית אתרים
בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
תמיכה לשנה לשאלות בעמודי השיעורים
גישה לקבוצת הפייסבוק של הקורס
גישה לכל החיים
תעודה הכשרה בסיום הקורס (קובץ PDF)
גישה לעדכונים ושיעורים חדשים
100% החזר כספי ל-14 ימים

רכשו את הקורס 613 סטודנטים לפניך (-:

מסלול וורדפרס Expert

למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.

קורס וורדפרס Beginner קורס בניית אתרים למתחילים – (2,250 ₪)
קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ'ק ליסט + התנהלות עם לקוחות
קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
קורס וורדפרס 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: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
705 שיעורים למתחילים + למתקדמים
תמיכה לשנה לשאלות בעמודי השיעורים
גישה לקבוצת הפייסבוק של הקורס
גישה לכל החיים
תעודה הכשרה בסיום הקורס (קובץ PDF)
גישה לעדכונים ושיעורים חדשים
100% החזר כספי ל-14 ימים

רכשו את הקורס 501 סטודנטים לפניך (-:

יוחאי ירמיהו

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

נוגה
וורדפרס Expert
בתצוגת מובייל הכותרת יוצאת מגבולות המסגרת (בטאבלט לא ) האם יש לזה משמעות ? צריך לתקן?
1. יוחאי ירמיהו
  הנהלת האתר
  היי נוגה, אם האתר מוצג בצורה טובה מחוץ לאלמנטור אז אפשר להתעלם מזה.
  אם יש בעיות גם מחוץ לאלמנטור אז את יכולה להקטין את הגודל של הפונט במובייל או להוסיף שוליים פניימיים לתוך הכותרת וזה אמור לפתור את הבעיה.
  1. נוגה
    וורדפרס Expert
    האתר מוצג בצורה טובה מחוץ לאלמנטור וגם בתצוגת טאבלט אבל האם בהכרח זה ישב בתצוגת נייד באופן תקין ?
    1. יוחאי ירמיהו
      הנהלת האתר
      היי אם זה מוצג טוב בטאבלט זה לא ההכרח יושב טוב בתצוגת נייד. כדי לוודא שהכל בסדר צריך לראות את הגרסה של האתר גם בתצוגה של הנייד ולא רק בטאבלט.
      לטאבלט גם כמעט ואין כניסות אז תצוגת הנייד היא הרבה יותר חשובה.
נוגה
וורדפרס Expert
האם זה באג ? בתצוגת טאבלט ונייד לא מופיע תקציר למרות שמסומן תקציר ובעמוד עצמו של
האתר(בצילום צד ימין) זה כן על תקציר. בנוסף למרות ההגדרה בטיפוגרפיה, הטקסט בעמוד עצמו
קטן יותר ושונה למרות שמוגדר ונראה היטב בתצוגת טאבלט תקין
1. יוחאי ירמיהו
  הנהלת האתר
  אני לא בטוח ב-100% אבל זה בהחלט יכול להיות באג באלמנטור (לא חסר לאלמנטור באגים) וראיתי את זה הרבה פעמים שהתצוגה של אלמנטור הייתה שונה מהתצוגה של האתר.
  אז עדיף לא להסתמך ב-100% על אלמנטור ותמיד בסיום הפרוייקט לצפות באתר גם בגרסה שאת לא מחוברת למשתמש וגם דרך הטלפון הנייד.
טל דורון
בניית אתר ב-10 ימים
היי יוחאי
אני עובדת על התאמה של ההאדר העליון למובייל.
בתצוגת דסקטופ הכל נראה טוב.
בתצוגת טאבלט הלוגו עצום, ואם אני מקטינה אותו, הוא משפיע גם על התצוגת דסקטופ.
בתצוגת מובייל הלוגו קטנטן ולא נראה שניתן להגדיל אותו, אני גם לא מצליחה למקם את הלוגו מעל התפריט הנפתח, אלא רק לצידו. למרות שבדסקטופ התפריט נמצא מתחת ללוגו אתר.
אשמח לעזרתך
1. יוחאי ירמיהו
  הנהלת האתר
  היי טל, קצת קשה להסביר את זה ברמת תגובה כי זה הרבה הגדרות שונות אבל יש מצב שעשית כמה שינויים ששברו את התצוגה ואולי יהיה יותר קל לנסות ולבנות את החלק העליון מחדש.
  בגדול מה שאת צריכה לנסות זה ליצור 2 קונטיינרים (עמודות) אחת ללוגו ואחת לתפריט.
  בדרך כלל בברירת מחדל אלא אם כן הגדרת משהו אחר אז במובייל בהגדרות של הקונטיינר הוא מקבל 100% וזה זה צריך להופיע אחד מתחת לשני במקום אחד ליד השני.
  ואם זה לא קורא אז את צריכה לשנות את התצוגה באלמנטור לתצוגה של מובייל ורק שם לשנות את ההגדרות של הרוחב כי אז זה משפיע רק על התצוגה של המובייל.
  לגבי הלוגו את יכולה לנסות ולשחק עם הרוחב המרבי, ופשוט לשנות בתצוגות השונות את הרוחב. במובייל מומלץ שזה יהיה פחות מ-320 פיקסלים ואת יכולה גם להגדיר את הרוחב באחוזים.
  רק תוודאי שאת עובדת על יחידה המידה הנכונה כדי שלא יהיו בעיות
  1. טל דורון
    בניית אתר ב-10 ימים
    היי יוחאי
    תודה על התשובה!
    אתה צודק, מחקתי ובניתי מחדש את ההאדר וזה הסתדר.
    ממש ממש תודה