מדריך לעורך האתרים במחשב

שינוי קטן.
צעד אחד בכל פעם.

פותחים את העורך, עורכים, בודקים בטיוטה ורק אז שומרים ומפרסמים.

עבריתמדריך מצולםלמחשב Mac

שלוש פעולות שונות

1

תצוגת טיוטה

בודקת את העריכה בלי לשנות את הקובץ השמור ובלי לפרסם.

2

שמירת קובץ

שומרת במחשב. האתר באינטרנט עדיין לא משתנה.

3

פרסום באתר

מעלה את הקבצים השמורים אל האתר החי, רק אחרי אישור נוסף.

01

מתחילים

פותחים את העורך

  1. פתח את Terminal. ב־Mac אפשר לחפש אותו עם Cmd + Space.
  2. כתוב bash ואחריו רווח. גרור לחלון את start.command מתוך תיקיית site-studio.
  3. לחץ Enter. העורך ייפתח בדפדפן. אם לא נפתח, פתח את הכתובת המקומית שהופיעה ב־Terminal.
כך נראה העורך לאחר פתיחת קובץ. כל הצילומים במדריך משתמשים באתר דמה, לא בתוכן אישי. לחיצה על תמונה מגדילה אותה.
02

שינוי ראשון

בוחרים אתר וקובץ

  1. בחר את האתר בשדה ״האתר שלי״ בצד ימין.
  2. ברשימת ״קבצי האתר״ לחץ על הקובץ שברצונך לערוך.
  3. ערוך שינוי קטן. טקסט נראה עשוי להיות בקובץ אחר משם הלשונית בדפדפן.
איזה סוג קובץ אני רואה?
HTML
מבנה הדף וטקסט שמופיע בו. לעיתים יש גם CSS ו־JavaScript בתוך אותו קובץ.
CSS
צבעים, רווחים, גודל אותיות ועיצוב.
JS / TSX
התנהגות האתר ורכיבים שנוצרים בקוד.
JSON
נתונים במבנה קבוע. חשוב לשמור על מרכאות, פסיקים וסוגריים.

כותרת בתוך <title> משנה בדרך כלל את שם לשונית הדפדפן, לא את הכותרת הנראית בתוך הדף.

מעדיף עץ כמו ב־Inspect?

  1. בקובץ HTML לחץ על לשונית ״מבנה״.
  2. פתח מקטעים עם החצים. ריחוף על רכיב מתאים מסמן אותו בתצוגה המקדימה.
  3. לחץ על שורה בעץ. הקוד של אותו מקטע ייפתח לעריכה בחלק התחתון.
לשונית ״מבנה״ מארגנת את קובץ ה־HTML. לשונית ״קוד״ מחזירה למקור המלא, בלי לשמור ובלי לפרסם.
למה יש רצף ארוך במקום תמונה?
תמונה יכולה להיות מוטמעת בקובץ כנתוני Base64. העורך מקפל רצפים ארוכים כדי שלא יציפו את המסך. הקיפול לא מוחק אותם. הטקסט שמצויר בתוך תמונה הוא פיקסלים; טקסט HTML רגיל עדיין ניתן לעריכה. אל תמחק רצף תמונה כדי לשנות כיתוב.
03

בודקים לפני שמירה

תצוגת טיוטה ללא שמירה

  1. לאחר העריכה לחץ ״תצוגת טיוטה ללא שמירה״.
  2. בדוק את התוצאה בצד שמאל. האתר החי והקובץ השמור לא השתנו.
  3. אחרי שינוי נוסף בקוד, לחץ שוב על אותו כפתור.
הכותרת השתנתה בתצוגה בלבד. עדיין אפשר לחזור לערוך בלי לשמור את השינוי.

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

04

שומרים במחשב

השינוי נראה נכון? שומרים.

  1. לחץ ״שמירת קובץ״.
  2. המתן להודעה שהקובץ נשמר במחשב.

הגרסה הקודמת נשמרת בתיקיית history. שמירה אינה פרסום.

רוצה לשמור רק טיוטה נפרדת? לחץ ״הורדת הטיוטה כקובץ נפרד״. זה מוריד עותק, בלי להחליף את המקור.

05

מעדכנים את האתר החי

חיבור ופרסום

זו הפעם הראשונה? חיבור ל־Cloudflare
  1. לחץ ״חיבור לחשבון Cloudflare שלי״.
  2. התחבר עם המשתמש האישי שיש לו גישה לחשבון שבו נמצא האתר.
  3. בדוק את החשבונות וההרשאות שבבקשת האישור לפני לחיצה על Authorize.
  4. בסיום חזור לעורך. החיבור עצמו לא מפרסם דבר.

ההרשאות שהעורך מבקש: User Read, Account Read, Pages Write ו־Background Access.

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

Pages Write היא הרשאת כתיבה לאתרי Pages בחשבונות שסומנו, לא רק לקובץ הנוכחי. זו אינה הרשאה לקרוא Gmail. Background Access מאפשר לשמור את ההתחברות לשימוש בהמשך.

  1. ודא שהעריכה נשמרה. לחץ ״פרסום באתר״.
  2. בחלון האישור בדוק את שם האתר והכתובת. זה פרסום ל־Production, לא תצוגת טיוטה.
  3. רק אם זה היעד הנכון, לחץ ״כן, לפרסם עכשיו״.
  4. המתן לסיום ב־״פעולות ופרסום״ בתחתית העורך. אל תלחץ שוב בזמן הפעולה.
  5. אחרי הודעת הצלחה פתח את האתר החי ובדוק שהשינוי שרצית אכן מופיע.
זהו צילום הדגמה בלבד. אצלך בדוק את הכתובת האמיתית של האתר שבחרת. פתיחת החלון לבדה לא מפרסמת.
?

בלי לנחש ובלי לאבד עריכה

כשמשהו נתקע

״פעולה אחרת רצה״
השרת המקומי עסוק בפעולה קודמת. זה לא אומר שהשינוי נמחק או שהחיבור נכשל. הורד את הטיוטה כקובץ נפרד, המתן ונסה את תצוגת הטיוטה פעם אחת. אל תתחבר ואל תפרסם שוב ושוב. אם הפעולה לא מסתיימת, שלח את ההודעה המדויקת לפני עצירה או הפעלה מחדש.
תצוגת הטיוטה ריקה או מציגה שגיאה
חפש את ההודעה המדויקת בפס העליון, מתחת לכפתורי שמירה / תצוגת טיוטה / פרסום. יומן ״פעולות ופרסום״ אינו מציג שגיאות טיוטה. אל תרענן לפני גיבוי עריכה לא שמורה. קובץ HTML ריק באמת יוצר תצוגה ריקה.
השמירה הצליחה אבל הבנייה נכשלה
ייתכן שהקובץ נשמר במחשב אבל הקוד אינו נבנה לתצוגה. קרא את הודעת הבנייה ותקן לפני פרסום. הודעת שמירה אינה הוכחה שהתוצאה תקינה.
״האתר השתנה מאז עותק המקור שלך״
העורך עצר כדי לא לדרוס שינוי שנעשה ממקום אחר. צריך מקור מעודכן או מיזוג. אל תעקוף את הבדיקה ואל תנסה שוב ושוב.
האתר בטלפון עדיין נראה ישן
קודם בדוק שהפרסום הסתיים ושהיומן מציג את הכתובת הנכונה. רק אז בדוק שוב את האתר. אין להסיק אוטומטית שזו בעיית מטמון. אם אין ודאות שהפעולה הסתיימה, אל תשלח פרסום נוסף.
מחקתי בטעות קוד
אל תשמור ואל תפרסם את המחיקה. כשהסמן בתוך הקוד, נסה Cmd + Z. אל תחליף קובץ ואל תסגור את הלשונית לפני שווידאת שהעריכה חזרה או נשמרה בנפרד.
כפתור הפרסום אפור
ייתכן שיש עריכה שלא נשמרה, פעולה שעדיין רצה, או חסימה שמוסברת בהערת האתר. בדוק את ההודעה במקום להתחבר מחדש אוטומטית. אין לעקוף חסימות בטיחות.

כששולחים צילום שגיאה: כלול את ההודעה והכפתורים שסביבה. אל תשלח סיסמה, קוד אימות, מפתח גישה או קובץ התחברות.

06

סיימנו לעכשיו

סוגרים בלי למחוק

  1. ודא ששמירה ופרסום הסתיימו. שמור או הורד בנפרד טיוטה שתרצה לשמור.
  2. בחלון Terminal שבו העורך רץ לחץ Control + C.
  3. אפשר לסגור את לשונית העורך ואת Terminal. לא צריך למחוק שום דבר.
צילום מוגדל של העורך