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