Wix Editor: בעיות ביישור באתר המובייל שבאוויר

זמן קריאה: 3 דקות
דפדפנים ומכשירים שונים משתמשים במנועי עיבוד שונים, כך שיכול להיות שתוכן האתר שלכם לא ייראה זהה בכל המכשירים הניידים. לדוגמה, אלמנטים של טקסט עלולים להתרחב, להיות חופפים או להתיישר כראוי עם אלמנטים אחרים במסכים מסוימים במובייל. 
כאן תוכלו לקרוא איך לפתור בעיות יישור במובייל:

שורה אחת של טקסט מתפצלת לשתי שורות

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

טקסטים ואלמנטים אחרים חופפים ומסתירים אחד את השני

אם הוספתם לאתר כמות גדולה של טקסט בתיבת טקסט אחת, והוספתם אלמנט מעליה, יכול להיות שהטקסט יהיה חופף לאלמנטים אחרים באתר שבאוויר. זה בדרך כלל קורה בטקסט שנוסף לאתר דרך ה-Editor של שולחן העבודה.
תמונה של טקסט וכפתור גם בעורך המובייל וגם באתר שבאוויר. הכפתור חופף לטקסט באתר שבאוויר.

כדי לפתור את הבעיה:

  1. פתחו את ה-Editor בגרסה למחשב.
  2. חלקו את הטקסט בין מספר תיבות טקסט - אחת לכל פסקה.
  3. הוסיפו את האלמנטים בין תיבות הטקסט עם רווח מסוים ביניהן.
  4. קבצו את האלמנטים יחד כדי לוודא שהם מיושרים. להסבר על קיבוץ אלמנטים יחד הקליקו כאן
תמונה של ה-Editor בגרסת שולחן העבודה. הטקסט פוצל לתיבות שונות, והכפתור נמצא ביניהן.

הטקסט לא מיושר עם אלמנטים אחרים

אם יש לכם הרבה טקסט בתיבת טקסט אחת, יכול להיות שהוא לא יהיה מיושר עם שאר האלמנטים באתר המובייל שבאוויר.
אותו עמוד בעורך המובייל ובאתר שבאוויר. הטקסט והגרפיקה הווקטורית לא מיושרים באתר שבאוויר.

כדי ליישר טקסט עם אלמנטים אחרים:

  1. פתחו את ה-Editor בגרסה למחשב.
  2. חלקו את הטקסט למספר תיבות טקסט - אחת לכל פסקה.
  3. קבצו את הטקסט עם האלמנטים הרלוונטיים. להסבר על קיבוץ אלמנטים הקליקו כאן

פתרון בעיות ביישור של אלמנטים אחרים באתר למובייל

יכול להיות שתגלו שאלמנטים שסידרתם בצורה אופקית לא מתיישרים כמצופה בגרסת המובייל של האתר.
כדי למנוע את התזוזה של האלמנטים האלה, קבצו אותם יחד ואגדו אותם בתיבת קונטיינר שקופה
מה השלב הבא?
  • השתמשו ב-Page Layout Optimizer (הכלי לשיפור הפריסה) כדי לארגן ולרענן אוטומטית את התוכן באתר המובייל כך שיתאים למסכים קטנים יותר, ולהבטיח יישור עקבי באתר המובייל. הקליקו כאן לפרטים נוספים על הכלי לשיפור פריסת העמוד
  • שימו לב: אם אתם בונים את האתר שלכם עם חווית ה-Editor החדשה, לא תהיה לכם גישה לכלי ה-Page Layout Optimizer (שיפור הפריסה). הסיבה היא ש-Wix מבצעת אופטימיזציה אוטומטית לפריסת המובייל בחוויית ה-Editor החדשה. 

זה עזר לך?

|