עריכת הקוד של ערכת הנושא

באפשרותך לערוך את קוד ערכת הנושא כדי לבצע שינויים מפורטים בחנות המקוונת שלך באמצעות עורך הקוד. רוב הקבצים המרכיבים את ערכת הנושא מכילים Liquid, שפת התבניות של Shopify. קובצי ערכת הנושא מכילים גם HTML, CSS, JSON, ו-JavaScript. ערוך את הקוד של ערכת נושא רק אם אתה יודע HTML ו-CSS, ויש לך הבנה בסיסית ב-Liquid.

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

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

עריכת הקוד של ערכת הנושא

ניתן להשתמש בעורך הקוד כדי לשנות את הקבצים של ערכת הנושא.

שלבים:

שמירת שינויים

כאשר אתה עורך קובץ, תוצג נקודה לצד שם הכרטיסייה לציון שינויים שלא נשמרו. לחץ על הלחצן שמירה כדי לשמור את השינויים. באפשרותך גם להקיש על ⌘ + S ב-Mac או על Ctrl + S ב-Windows כדי לשמור את השינויים.

עיצוב הקוד של ערכת הנושא

כדי לתקן את ההזחה של הקוד, פתח את לוח הפקודות באמצעות ⌘ + Shift + P ב-Mac או Ctrl + Shift + P ב-Windows format, ולאחר מכן בחר Format document.

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. פתח את הקובץ שתרצה לעצב.

4. הקש על ⌘ + P ב-Mac או על Ctrl + P ב-Windows.

5. בלוח הפקודות, הזן format, ולאחר מכן הקש על Enter במקלדת שלך.

6. שמור את הקובץ.

מעקב אחר שינויים בקבצים

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

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

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

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. פתח את הקובץ הקיים שברצונך לעיין בו או לשחזר.

4. אופציונלי: אם ייתכן שתרצה לשמור שינויים נוכחיים כלשהם, העתק את תוכן הקובץ הנוכחי למקום בטוח לפני השחזור.

5. בתצוגה ציר זמן, לחץ על רשומה בציר הזמן כדי להשוות בין ההבדלים.

6. כדי להחליף את כל תוכן הקובץ בגרסה הקודמת שנבחרה, לחץ לחיצה ימנית על הרשומה בציר הזמן ולאחר מכן בחר שחזור תוכן.

7. לחץ על שחזר.

Theme Check

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

בעורך הקוד, Theme Check יכול לזהות את השגיאות הבאות בקוד שנערך:

• סקריפטים שחוסמים מנתחים (Parser blocking), אשר עלולים להאט את חזית החנות
• חוסר עקביות בין קובצי תרגום, כגון מפתחות תרגום חסרים או תרגומים שאינם תואמים בקובץ אזור
• תבניות חסרות

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

חיפוש והחלפה בעורך הקוד

ניתן לחפש בתוך עורך הקוד באחת מהדרכים הבאות:

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

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

חיפוש בתוך קובץ

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

לאחר חיפוש קוד, ניתן להחליף את הקוד בקובץ.

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. פתח את הקובץ שבו תרצה לחפש.

4. הקש על ⌘ + F ב-Mac או Ctrl + F ב-Windows.

5. בשדה חיפוש, הזן את מונח החיפוש שלך.

6. אופציונלי: כדי להחליף קוד, יש לבצע את הפעולות הבאות:

• בחלון המודאלי של החיפוש, לחץ על הסמל .
• בשדה החלף, הזן את הקוד החלופי. ניתן ללחוץ על שמור על רישיות (Preserve case) כדי להתאים את הרישיות של הקוד החלופי למופע הקיים.
• לחץ על הסמל החלף כדי להחליף מופע אחד בכל פעם, או לחץ על הסמל החלף הכול כדי להחליף את כל המופעים בבת אחת.

חיפוש בכל הקבצים

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

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. לחץ על הסמל כדי לפתוח את חלונית החיפוש.

4. בשדה חיפוש, הזן את מונח החיפוש שלך.

5. אופציונלי: כדי להחליף קוד, יש לבצע את הפעולות הבאות:

• בחלון המודאלי של החיפוש, לחץ על הסמל .
• בשדה החלף, הזן את הקוד החלופי.
• החלף מופע אחד בכל פעם, או את כל המופעים בבת אחת.

אפשרויות חיפוש מתקדמות

כדי לצמצם את תוצאות החיפוש שלך, השתמש באחת או יותר מאפשרויות החיפוש הבאות:

• התאמת רישיות (Match case) מחזירה מונחי חיפוש התואמים לאותיות רישיות וקטנות. לדוגמה, אם תזין product, החיפוש ידגיש כל מופע של "product" או "Product". אם תבחר באפשרות התאמת רישיות, החיפוש ידגיש רק מופעים של product.
• התאמת מילה שלמה (Match Whole Word) מחזירה מונחי חיפוש שתואמים למילה המדויקת, ולא כוללת התאמות חלקיות. לדוגמה, אם תזין cart, החיפוש ידגיש מופעים של "cart" אך לא של "carton".
• השתמש בביטוי רגולרי (Use Regular Expression) מחזיר תוצאות חיפוש התואמות לביטוי רגולרי (regex). ביטוי רגולרי (regex) הוא מחרוזת של תווים המגדירה תבנית התאמה בטקסט.

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

לחץ על כדי לפתוח את התפריט המתקדם. אפשר להזין כל נתיב קובץ או תיקייה בשדות קבצים להכללה (files to include) או קבצים להחרגה (files to exclude). כדי להוסיף יותר מקובץ או תיקייה אחת, יש להפריד ביניהם בפסיק ורווח. לדוגמה, כדי לחפש קבצים בתיקייה sections, הזן ./sections בשדה קבצים להכללה.

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

ניהול קובצי ערכת נושא

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

פתיחת קובץ ערכת נושא

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

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. הקש על ⌘ + P ב-Mac או על Ctrl + P ב-Windows.

4. הזן את שם הקובץ בשורת החיפוש ובחר את הקובץ, או בחר קובץ מהרשימה נפתחו לאחרונה.

הוספת קובץ ערכת נושא חדש

כדי להוסיף קובץ, בחר תיקייה, לחץ על הסמל קובץ חדש, ולאחר מכן הזן את שם הקובץ ואת סיומת הקובץ.

שמות קבצים יכולים לכלול תווים מ-A עד Z ומ-0 עד 9, והם אינם יכולים לכלול רווחים. יש להפריד מילים באמצעות מקפים או קווים תחתונים. סיומת קובץ מוגדרת על ידי נקודה (.) וסוג הסיומת. לדוגמה, .liquid או .css.

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. לחץ על התיקייה שאליה ברצונך להוסיף קובץ חדש.

4. לחץ לחיצה ימנית על שם התיקייה ובחר קובץ חדש... מהתפריט הנפתח.

5. הזן שם חדש לקובץ.

6. הקש Enter במקלדת.

העלאת נכס חדש

באפשרותך להעלות נכס חדש, כמו קובץ סמל או תמונה, אל התיקייה assets שבעורך הקוד.

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. לחץ לחיצה ימנית על התיקייה assets.

4. לחץ על העלאה....

5. בחר את הקובץ שברצונך להעלות.

6. לחץ על פתח.

שינוי שם של קובץ ערכת נושא

באפשרותך ללחוץ לחיצה ימנית על קובץ כדי לשנות את שמו. ודא שאינך עורך או מסיר את סיומת הקובץ. סיומת קובץ מוגדרת על ידי נקודה (.) וסוג הסיומת. לדוגמה, .liquid או .css. שמות קבצים יכולים לכלול תווים A-Z ו-0-9, ואינם יכולים לכלול רווחים. הפרד בין מילים באמצעות מקפים או קווים תחתונים. אם שם הקובץ אינו תקין, השם החדש של הקובץ לא יישמר.

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. לחץ לחיצה ימנית על קובץ ובחר שנה שם... מהתפריט הנפתח.

4. הזן שם חדש לקובץ.

5. הקש Enter במקלדת.

מחיקת קובץ ערכת נושא

באפשרותך למחוק כל קובץ בערכת הנושא שלך. לא ניתן לשחזר קבצי ערכת נושא שנמחקו.

שלבים:

1. במנהל של Shopify, עבור אל חנות מקוונת > ערכות נושא.

2. לחץ על > ערוך קוד.

3. לחץ לחיצה ימנית על קובץ ובחר מחק לצמיתות מהתפריט הנפתח.

4. לחץ על מחק.