לפני פרסום השינויים האחרונים שביצעתם, חשוב מאוד להציג תצוגה מקדימה של האתר כדי להבין בדיוק כיצד הוא ייראה למבקרים. חשבו על זה כחזרה גנרלית אחרונה, כדי לוודא שכל רכיב—מהפוסט האחרון בבלוג ועד כפתור יצירת הקשר החדש—נראה מוקפד ומקצועי.
כדי לצפות באתר שלכם בפלטפורמות שונות, לחצו על Desktop Icon בעורך האתר ובחרו באחת מאפשרויות התצוגה הבאות:
Desktop - תצוגת ברירת המחדל בעורך, שמציגה את האתר כפי שהוא נראה במסכי מחשב סטנדרטיים.
Tablet and Mobile - מציגה כיצד הפריסה מסתגלת אוטומטית למסכים קטנים יותר ולטאבלטים.
App - תצוגה מקדימה של האתר כפי שהוא ייראה כאפליקציה מותקנת במכשירים של המשתמשים שלכם (Android, iOS).
New Window - פותח תצוגה מקדימה חיה בלשונית נפרדת בדפדפן, ומספק את ההמחשה המדויקת ביותר לחוויית המבקר.
Return to Edit Mode - לאחר שסיימתם לבדוק את העבודה שלכם, לחצו על כפתור זה כדי לחזור לעורך.
למרות שהאתר שלכם רספונסיבי כברירת מחדל, תוכלו להשתמש ב-Mobile Settings כדי לכוונן באופן מדויק אלמנטים חזותיים מסוימים במכשירים ניידים:
Header and Font - התאימו את Header height ואת Header font size כדי לוודא שהמיתוג שלכם נשאר ברור, בלי לתפוס יותר מדי מקום במסך.
Menu Appearance - התאימו אישית את Menu Type ואת Menu Color של תפריט הפופ-אפ במובייל, כך שיתאים למראה המותג שלכם.
Layout and Spacing - השתמשו ב-Text Align כדי למקם את טקסט התפריט, וב-Space between pages כדי לשלוט במרחק האנכי בין קישורי הניווט.
שליטה בהיבטים שונים של גרסת ה-App של האתר
Dynamic Adjustments - ההגדרות הייחודיות למובייל מאפשרות לפתור בעיות בפריסה—כמו טקסט גדול מדי במסכים קטנים—מבלי להשפיע על גרסת הדסקטופ של האתר.
Consistency Check - מומלץ מאוד להשתמש בתצוגת "New Window" לפני השקה משמעותית, מכיוון שהיא מאפשרת לבדוק קישורים וכפתורים בסביבת דפדפן נקייה.
User Experience - במובייל חשוב לשים לב במיוחד ל-Menu Color ול-Text Align; תפריט ממורכז עם ניגודיות גבוהה לרוב מקל על המבקרים לנווט באמצעות האגודל.