header-logo
איך לבנות את האתר והעסק שלכם עם Wix
עיצוב וניהול האתר בעזרת הפיצ'רים האינטואיטיביים של Wix
ניהול המנויים, התוכניות והחשבוניות
ניהול העסק והלקוחות ישירות מהנייד
איך קונים דומיין ומחברים או מעבירים אותו לאתר
כלים לפיתוח העסק והנוכחות שלכם אונליין
כלי שיווק ו-SEO להגדלת החשיפה של העסק
פיצ'רים מתקדמים לייעול העבודה שלכם
פתרונות לבעיות, עדכונים על תקלות ויצירת קשר עם Wix
placeholder-preview-image
שיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
טיפים ועצות בעיצוב אתרים, שיווק ועוד
איך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
בניית אתר עם פלטפורמת ה-full-stack שלנו
במאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image

יצירת אתרים רספונסיביים עם Wix

6 דקות
בין שאתם משתמשים ב-Wix Editor ובין שאתם משתמשים ב-Studio Editor,‏ Wix מציעה מגוון כלים שיעזרו לכם לבנות אתר שנראה נהדר על כל מסך.
עם Wix Editor תוכלו להפיק את המרב ממקטעים, סטריפים ואלמנטים אחרים ברוחב מלא מכיוון שהם מתאימים את עצמם לגודל המסך של הגולשים. ב-Studio Editor, אפשרויות מתקדמות כמו התאמה של נקודות ברייקפוינט, תכונות התאמת גודל ו-AI רספונסיבי מעניקות לכם את הדיוק הנדרש ליצירת עיצובים רספונסיביים שמוכנים לאינטראקציה עם לקוחות.
במדריך הזה נסביר איך ליצור אתר רספונסיבי בשני סוגי ה-editor.

שימוש בפיצ'רים רספונסיביים ב-Wix Editor

אתרי Wix שנבנו ב-Wix Editor הולכים והופכים ליותר ויותר רספונסיביים ככל שאנחנו מוסיפים פיצ'רים חדשים ומעניינים.

ה-editor למובייל

Wix יוצרת באופן אוטומטי גרסה ידידותית למובייל של האתר שלכם על בסיס התוכן הקיים בגרסת האתר למחשב. השתמשו ב-edior למובייל כדי להתאים את העיצוב והתוכן של אתר המובייל ולשפר את החוויה עבור הגולשים.
קובץ GIF של גלילה למטה ב-editor למובייל.
כדאי לדעת:
גרסאות האתר למובייל ולמחשב הן שתי תצוגות שונות של אותו אתר. הן לא שני אתרים נפרדים. שינויים שתבצעו בגרסת האתר למחשב ישפיעו על הגרסה למובייל, אבל שינויים שתבצעו בגרסה למובייל לא ישפיעו על הגרסה למחשב.

אלמנטים ברוחב מלא (Full Width)

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

בניית אתר רספונסיבי ב-Wix Studio

ב-Studio Editor תוכלו לבנות ללקוחות אתרים רספונסיביים באופן מלא עם עיצוב מלוטש. הפיצ'רים החדשניים והמתקדמים של הפלטפורמה מאפשרים ליצור אתרים רספונסיביים במהירות ודיוק.
בתוך ה-Studio Editor תוכלו למצוא מגוון כלים שנאספו בקפידה כדי לשפר את תהליך העיצוב ולהבטיח שהעבודה על פרויקטים תהיה קלה ויעילה ותניב תוצאות יוצאות דופן.
הקליקו למטה כדי ללמוד על הכלים והפיצ'רים האלה.
קובץ GIF שמראה איך עיצוב האתר משתנה כשמקליקים על נקודות ברייקפוינט שונות בחלק העליון