Studio Editor: סריקת עמודים לאיתור בעיות בעיצוב רספונסיבי
6 דקות
בעולם מרובה מכשירים חשוב ליצור עיצובים רספונסיביים ללקוחות שלכם. ה-Responsive Checker (בודק הרספונסיביות) ב-Wix Studio מפשט את התהליך, ועוזר לכם לזהות ולנהל במהירות בעיות בכל נקודות הברייקפוינט.
אתם יכולים לבחור לפתור בעיות, לראות אותן או להתעלם מהן כדי שתהיה לכם הגמישות להתאים את העיצוב לחזון שלכם.
סריקת עמוד לזיהוי בעיות רספונסיביות
נסו לפתור בעיות רספונסיביות בעמוד הזה כדי שהעמוד ייראה טוב במסכים בכל הגדלים. העמוד נבדק בכל נקודות הברייקפוינט. אחר כך באפשרותכם להחליט אם הבעיות שזיהינו רלוונטיות לעיצוב שלכם או שניתן להתעלם מהן.
כדי לסרוק עמוד:
- עברו ל-editor ופתחו את העמוד הרלוונטי באתר.
- הקליקו ב-editor משמאל על Site Checker (בדיקת האתר) .
- בחרו ב-Fix Responsive Issues (פתרון בעיות רספונסיביות).
- הקליקו על Scan Page (סריקת העמוד).
- בדקו את הבעיות שנמצאו בעמוד הזה.
- בחרו מה ברצונכם לעשות בכל בעיה:
- לפתור את הבעיה: הקליקו על Fix (תיקון) ליד הבעיה. הפעולה הזו תפעיל אוטומטית את ההמלצה שלנו על האלמנטים הרלוונטיים ותסיר את הבעיה מהחלונית.
- לראות את הבעיה בעמוד: הקליקו על View on Canvas (הצגה בקנבס) כדי לראות איך הבעיה נראית, לפני שתחליטו אם להפעיל את התיקון.
- להתעלם מן הבעיה: הקליקו על אייקון ההסרה שליד הבעיה, כדי להתעלם ממנה. הבעיה לא תופיע שוב ברשימה אם אי פעם תסרקו מחדש את העמוד הזה.
- (לא חובה) סרקו עמוד נוסף:
- הקליקו למעלה על תפריט העמודים הנפתחים.
- הקליקו על Scan (סריקה) ליד העמוד הרלוונטי.
.
שליד הבעיה, כדי להתעלם ממנה. הבעיה לא תופיע שוב ברשימה אם אי פעם תסרקו מחדש את העמוד הזה.
טיפ:
חלק מהבעיות מופיעות רק בנקודות ברייקפוינט מסוימות. במקרה כזה, יופיע אייקון בפינה השמאלית התחתונה של הבעיה, המייצג את נקודת הברייקפוינט המושפעת.
שחזור בעיות שבחרתם להתעלם מהן (Dismissed)
כשמתעלמים מבעיה, ה-Responsive Checker יתעלם ממנה לגמרי, גם אם תסרקו מחדש את העמוד. עם זאת, הבעיות שהתעלמתם מהן תהיינה זמינות תמיד לבדיקה ולהחלטה אם אתם רוצים להחיל את התיקון.
כדי לשחזר בעיה שהתעלמתם ממנה בעבר:
- עברו ל-editor ופתחו את העמוד הרלוונטי באתר.
- הקליקו ב-editor משמאל על Site Checker (בדיקת האתר) .
- בחרו ב-Fix issues responsive (פתרון בעיות רספונסיביות).
- הקליקו למעלה על אייקון המסנן .
- בחרו ב-Dismissed issues (בעיות שבחרתם להתעלם מהן).
.
- (לא חובה) הקליקו על View on Canvas ליד הבעיה הרלוונטית כדי לצפות בה בעמוד.
- הקליקו על Restore (שחזור).
- (לא חובה) פתרון הבעיה ששוחזרה:
- הקליקו למעלה על אייקון המסנן .
- בחרו ב-Open issues (בעיות פתוחות).
- אתרו את הבעיה ששוחזרה והקליקו על Fix (תיקון).
שאלות נפוצות
הקליקו על השאלות למטה לפרטים נוספים.
האם חייבים ליישם את המלצות כלי הבדיקה?
האם אפשר לסרוק עמוד יותר מפעם אחת?
האם יש דרך מהירה לבדוק עמודים אחרים באתר?
מה צריך לעשות כדי שהבעיות האלה לא יצוצו שוב בעיצובים עתידיים?
לפרטים נוספים על עיצוב רספונסיבי:
Wix Studio Academy מציעה מגוון משאבים שיעזרו לכם לעצב אתרים רספונסיביים במהירות. צפו בסרטוני ההדרכה ב-editor כדי ללמוד על רספונסיביות: