לפני פרסום השינויים האחרונים שביצעתם, חשוב לבצע תצוגה מקדימה של האתר כדי להבין בדיוק איך הוא ייראה למבקרים. חשבו על זה כחזרה גנרלית אחרונה, כדי לוודא שכל רכיב—מהפוסט החדש בבלוג ועד לכפתור יצירת הקשר החדש—נראה מלוטש ומקצועי.
כדי לצפות באתר שלכם בפלטפורמות שונות, לחצו על סמל שולחן העבודה בעורך האתר ובחרו אחת מאפשרויות התצוגה הבאות:
שולחן עבודה - תצוגת ברירת המחדל בעורך, המציגה את האתר כפי שהוא נראה במסכי מחשב סטנדרטיים.
טאבלט ונייד - מציג כיצד הפריסה מותאמת אוטומטית למסכים קטנים יותר ולטאבלטים.
אפליקציה - תצוגה מקדימה של האתר כפי שהוא ייראה כאפליקציה מותקנת במכשירי המשתמשים שלכם (Android, iOS).
חלון חדש - פותח תצוגה מקדימה חיה בלשונית דפדפן נפרדת, ומספק את הייצוג המדויק ביותר של חוויית המבקר.
חזרה למצב עריכה - לאחר שסיימתם לבדוק את העבודה, לחצו על כפתור זה כדי לחזור לעורך.
למרות שאתרי SITE123 רספונסיביים כברירת מחדל, תוכלו להשתמש בהגדרות המובייל כדי לכוונן אלמנטים ויזואליים מסוימים במיוחד למכשירים ניידים:
כותרת וגופן - התאימו את גובה הכותרת ואת גודל גופן הכותרת כדי לוודא שהמיתוג שלכם נשאר ברור, בלי לתפוס יותר מדי מקום במסך.
מראה התפריט - התאימו אישית את סוג התפריט ואת צבע התפריט עבור תפריט הפופ-אפ במובייל, כך שיתאים למראה המותג שלכם.
פריסה ומרווחים - השתמשו ביישור טקסט כדי למקם את טקסט התפריט, ובמרווח בין עמודים כדי לשלוט במרחק האנכי בין קישורי הניווט.
שליטה בהיבטים של גרסת האפליקציה של האתר
התאמות דינמיות - ההגדרות הייעודיות למובייל מאפשרות לפתור בעיות פריסה—כמו טקסט גדול מדי במסכים קטנים—מבלי להשפיע על גרסת שולחן העבודה של האתר.
בדיקת עקביות - מומלץ מאוד להשתמש בתצוגה המקדימה של "חלון חדש" לפני השקה משמעותית, מכיוון שהיא מאפשרת לבדוק קישורים וכפתורים בסביבת דפדפן נקייה.
חוויית משתמש - שימו לב במיוחד לצבע התפריט וליישור הטקסט במובייל; תפריט בעל ניגודיות גבוהה ומיושר למרכז לרוב מקל על המבקרים לנווט באמצעות האגודל.
