Editor X: ארגון מחדש של אלמנטים לפי סדר DOM
זמן קריאה: 3 דקות
Editor X עובר ל-Wix Studio, הפלטפורמה החדשה שלנו לסוכנויות ופרילנסרים.פרטים נוספים על Wix Studio
Editor X מאפשר לכם לארגן את סדר ה-DOM של האלמנטים באתר בקליק אחד. כשאתם משתמשים בכלי פריסה מורכבים כמו סידור בערימה (stack), כלי פריסה או רפיטרים, האפשרות הזו מבטיחה שבעלי מוגבלויות יוכלו לקרוא את התוכן בסדר ההופעה על המסך.
הנושאים בעמוד זה:
הסבר על החשיבות של סדר ה-DOM
טכנולוגיות מסייעות משתמשות בסדר DOM כדי לעזור לגולשים מסוימים למצוא את המידע שהם צריכים. גולשים כאלה עשויים להשתמש בקורא מסך או במקש Tab במקלדת כדי לנווט בעמוד. כך או כך, סדר ה-DOM הוא זה שקובע את סדר הקריאה.
כשאתם מציגים תוכן עם מגוון סוגים של אלמנטים (למשל, טקסט, מדיה, כפתורים), חשוב לוודא שסדר ה-DOM נכון. כך הגולשים יוכלו לעקוב אחר רצף הגיוני ולהבין היטב את תוכן האתר.
ארגון אוטומטי של סדר ה-DOM
אם האתר שלכם בשפה הנכתבת משמאל לימין (כמו אנגלית), ניתן לארגן אוטומטית את סדר ה-DOM של האלמנטים בתוך כלי פריסה, רפיטר או ערימה. אנחנו נעשה אופטימיזציה של סדר ה-DOM כדי לשקף את הסדר הוויזואלי באופן מיטבי, משמאל לימין ומלמעלה למטה.
כדי לארגן מחדש את סדר ה-DOM:
לפני שמתחילים:
ודאו שאתם בנקודת הברייקפוינט הגדולה ביותר. האפשרות הזו לא זמינה לנקודות ברייקפוינט קטנות יותר.
- ב-Editor X הקליקו למעלה על Layers (שכבות).
- בחרו את הפריסה, הרפיטר או הערימה הרלוונטיים.
- הקליקו על אייקון הפעולות הנוספות .
- הקליקו על Reorganize DOM Order.
נסו את זה:
השתמשו בתוסף לקריאת מסך באתר שבאוויר כדי לוודא שסדר ה-DOM נכון.
ארגון ידני של סדר ה-DOM
גיליתם בעיות בסדר ה-DOM של העמוד? אתם יכולים להשתמש בחלונית Layers (שכבות) כדי לארגן בעצמכם את המקטעים והאלמנטים בעמוד.
כדי שסדר ה-DOM יתאים לסדר הוויזואלי, המקטעים צריכים להיות מאורגניםמלמעלה למטה. את האלמנטים בתוך המקטעים האלה צריך לסדר הפוך, מלמטה למעלה.
כדי לארגן באופן ידני את סדר ה-DOM:
- ב-Editor X הקליקו למעלה על Layers (שכבות).
- בחרו מה אתם רוצים לסדר:
- אלמנטים בתוך מקטע: סדרו את האלמנטים מלמטה למעלה באמצעות גרירה ושחרור.
- מקטעים:
- עמדו עם העכבר מעל המקטע העליון והקליקו על אייקון הפעולות הנוספות .
- הקליקו על Arrange (סידור).
- הקליקו על Bring to Front (הבאה קדימה).
- חזרו על שלבים 1-3 בכל שאר המקטעים בחלונית, מלמעלה למטה.
זה עזר לך?
|