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