Wix Editor: סידור האתר שלכם כדי שיופיע בצורה תקינה בדפדפנים שונים

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

טיפים לטיפול בבעיות יישור:

1. השתמשו בעמודות (Columns)

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

2. השתמשו ברכיב תוכן חוזר (Repeaters)

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

3. השתמשו בתיבות קונטיינרים

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

הטיפים הנ"ל צריכים לפתור את בעיות היישור שנתקלתם בהן וצריכים להפוך את עדכון האתר בעתיד לקל יותר. 

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

בדקו את Editor X:
Editor X היא פלטפורמת בניה ויצירה מתקדמת למעצבים ובוני אתרים מקצועיים. היא מאפשרת ליצור אתרים גמישים שאתם יכולים לעצב לכל מסך תוך שימוש בכלים כמו breakpoints, רשת CSS וטכנולוגיית flexbox. הקליקו כאן לצפייה בתבניות הרספונסיביות שלנו.

למדו עוד על Editor X באחת הדרכים הבאות:
  • סיור מודרך שמציג את סביבת העבודה החדשה שלנו.
  • Academy X כאן תוכלו לקחת שיעורים קצרים ולתרגל כדי לראות מה חדש וללמוד כיצד לייעל את תהליך העריכה. 
  • ערוץ YouTube של Editor X שבו תוכלו למצוא סמינרים מקוונים, שיעורים והדרכות וידאו שנעשו על ידי מעצבים גרפיים.
  • פורום קהילה שם תוכלו לקבל עדכונים על תכונות חדשות, לברר מה משתמשים אחרים עושים ולקבל עזרה מהקהילה בכל פעם שצריך.
  • מרכז העזרה של Editor X עם כל ההנחיות וההסברים שתצטרכו.

זה עזר לך?

|