מדריך › תוכן

התצוגה המקדימה החיה בקומפוזר

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

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

מה בעצם רואים שם

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

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

שלב א׳ — עדכון אוטומטי

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

שלב ב׳ — בדיקה בשלושה מכשירים

בסרגל העליון, ליד שם העמוד, יש שלושה אייקונים:

1. אייקון המסך — תצוגת דסקטופ.
2. אייקון הטאבלט — תצוגת טאבלט.
3. אייקון הטלפון — תצוגת מובייל.

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

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

שלב ג׳ — מצב מיקוד

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

שלב ד׳ — לחיצה על התצוגה בוחרת סקשן

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

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

שלב ה׳ — התצוגה מול העמוד האמיתי

בסרגל העליון יש גם קישור ״צפייה בעמוד״, שפותח את העמוד באתר בלשונית חדשה.

1. לחצו ״שמירה״ והמתינו שיופיע ״נשמר״.
2. רק אז לחצו ״צפייה בעמוד״.
3. אם העמוד באוויר עדיין מראה את הגרסה הישנה — רעננו את הלשונית.

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

אם התצוגה נראית ריקה

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

קשור

• content-composer-basics
• content-composer-frame
• content-composer-blocks
• content-composer-hero