שימוש בעורך טקסט עשיר עבור תוכן

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

היכן ניתן להשתמש בעורך טקסט עשיר

באפשרותך להשתמש בעורך טקסט עשיר כדי להוסיף או לערוך טקסט במספר מקומות בחנות שלך:

• תיאורי מוצרים
• תיאורי אוספים
• פוסטים בבלוג
• דפים
• מדיניות החנות

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

הוספת תוכן HTML באמצעות עורך טקסט עשיר

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

לחץ על הלחצן כדי להציג את קוד ה-HTML של התוכן בתוך עורך טקסט עשיר.

בתצוגת ה-HTML, תוכל לבצע שינויים רבים בתוכן בעורך טקסט עשיר. באפשרותך להוסיף תמונות, סרטונים או טבלאות באמצעות HTML, ולתקן באגים או לכוונן את הפריסה ואת סגנון התוכן.

הטמעת וידג'ט מדיה

אם ברצונך להטמיע וידג'ט של סרטון או מוזיקה, עליך לארח אותו תחילה בשירות כגון Youtube,‏ Vimeo או SoundCloud. שירותים אלה מייצרים קוד הטמעה, שאותו תוכל להעתיק ולהדביק בעורך טקסט עשיר במנהל של Shopify.

שלבים:

1. מצא את קוד ההטמעה עבור המדיה שברצונך להטמיע.
2. בחר את קוד ההטמעה כולו על ידי לחיצה עליו והקשה על ctrl + A ב-PC או על command + A ב-Mac.
3. העתק את קוד ההטמעה על ידי הקשה על ctrl + C ב-PC או על command + C ב-Mac.
4. במנהל של Shopify, לחץ על הלחצן הצג HTML בעורך טקסט עשיר עבור התוכן שאתה עורך.
5. הדבק את קוד ההטמעה על ידי הקשה על ctrl + V ב-PC או על command + V ב-Mac.
6. לחץ על שמירה.

עיצוב טקסט באמצעות עורך טקסט עשיר

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

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

אפשרויות עיצוב

• פסקה

  רוב תוכן הטקסט באתר האינטרנט שלך הוא טקסט של פסקה. לטקסט של פסקה יש לרוב גודל גופן של 10–12 נקודות, אך ערכות נושא מסוימות משתמשות בגדלי גופן שונים.

• כותרת (1-6)

  כותרות משמשות ליצירת מבנה לתוכן. יש 6 רמות כותרת. כותרת 1 היא הרמה החשובה ביותר, ו-כותרת 6 היא הפחות חשובה.

• בלוק ציטוט

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

טקסט מודגש

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

טקסט נטוי

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

טקסט עם קו תחתון

כדי להוסיף קו תחתון לטקסט, יש לסמן את הטקסט וללחוץ על הלחצן קו תחתון.

יצירת רשימת תבליטים

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

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

יצירת רשימה ממוספרת

כדי ליצור רשימה ממוספרת, יש ללחוץ על הלחצן רשימה ממוספרת.

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

הזחת טקסט

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

ביטול הזחת טקסט

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

יישור טקסט

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

שינוי צבע טקסט

1. יש לסמן את הטקסט וללחוץ על הלחצן צבע.
2. יש ללחוץ על צבע או להזין קוד hex כדי לשנות את צבע הטקסט שסומן לאותו צבע.

שינוי צבע הרקע של הטקסט

1. יש לסמן את הטקסט וללחוץ על הלחצן צבע.
2. יש ללחוץ על הכרטיסייה רקע.
3. יש ללחוץ על צבע או להזין קוד hex כדי לשנות את רקע הטקסט שסומן לאותו צבע.

ניקוי עיצוב בעורך הטקסט העשיר

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

הוספת טבלאות באמצעות עורך הטקסט העשיר

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

שלבים:

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

לאחר יצירת הטבלה, יש ללחוץ שוב על הלחצן הוספת טבלה כדי לשנות את השורות והעמודות של הטבלה:

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

הוספת קישורים באמצעות עורך הטקסט העשיר

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

שלבים:

1. יש לסמן את הטקסט או התמונה שברצונך להפוך לקישור.
2. יש ללחוץ על הוספת קישור.
3. יש להזין את כתובת ה-URL של יעד הקישור בשדה קישור אל :
   • כדי לקשר לאתר אינטרנט חיצוני שמחוץ לחנות Shopify שלך, יש להזין https:// ואחריו את כתובת האתר, לדוגמה https://www.example.com.
   • כדי לקשר לדף בתוך החנות המקוונת שלך ב-Shopify, יש להזין את כתובת ה-URL המקוצרת, לדוגמה /collections/summer-collection.
   • כדי ליצור קישור שפותח הודעת דוא"ל, יש להזין mailto: ואחריו את כתובת הדוא"ל, לדוגמה mailto:example@example.com.
   • כדי ליצור קישור שמבצע שיחת טלפון, יש להזין tel: ואחריו את מספר הטלפון, לדוגמה tel:+0-123-456-7890.
4. יש להזין תיאור קצר של הקישור בתיבה כותרת הקישור.
5. יש לבחור כיצד הקישור ייפתח באמצעות התפריט פתיחת קישור זה ב- :
   • אותו חלון: הקישור ייפתח בכרטיסייה או בחלון הדפדפן הקיימים של המשתמש.
   • חלון חדש: הקישור ייפתח בכרטיסייה חדשה או בחלון חדש בדפדפן.
6. לחץ על הוספת קישור כדי להמיר את הטקסט המודגש לקישור.

הוספת קישורים פנימיים וחיצוניים בעזרת עורך טקסט עשיר

קישורים לדפים בתוך חנות Shopify שלך נקראים קישורים פנימיים. אפשר להשתמש בכתובות URL קצרות כדי ליצור קישורים פנימיים. לדוגמה, כתובת ה-URL‏ /collections תפנה לדף האוספים של החנות שלך.

כדי לקשר לדף מסוים בחנות המקוונת שלך, כמו דף קולקציה או דף מוצר, השתמש במבנה כתובת ה-URL‏ /page-type/page-handle. לדוגמה, כדי לקשר לאוסף שיצרת בשם Summer Collection, השתמש בכתובת ה-URL‏ /collections/summer-collection.

קישורים לאתרי אינטרנט שמחוץ לחנות Shopify שלך נקראים קישורים חיצוניים. יש להזין קישורים חיצוניים במלואם ולהתחיל אותם ב-http://.

קישור לקובץ בתוכן הדף

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

שלבים:

הוספת תמונות בעזרת עורך טקסט עשיר

יש שלוש דרכים להוסיף תמונה בעזרת עורך טקסט עשיר. תוכל:

• להעלות תמונות
• לבחור מתוך תמונות המוצרים שלך
• להשתמש בכתובת URL ציבורית של תמונה.

העלאת תמונות

שלבים:

1. בעורך טקסט עשיר, לחץ על הלחצן הוספת תמונה.

2. בתיבת הדו-שיח הוספת תמונה, לחץ על הכרטיסייה תמונות שהועלו.

3. לחץ על העלאת קובץ.

4. בחר קובץ תמונה מסוג WebP, HEIC, SVG, GIF, JPEG או PNG מהמחשב שלך.

5. לחץ על התמונה שהעלית כדי לבחור אותה.

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

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

בחירה מתוך תמונות מוצר

שלבים:

1. בעורך טקסט עשיר, לחץ על הלחצן הוספת תמונה.

2. בתיבת הדו-שיח הוספת תמונה, לחץ על הכרטיסייה תמונות מוצר.

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

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

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

שימוש בכתובת URL של תמונה

כדי להוסיף תמונה באמצעות כתובת URL ציבורית:

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

הזזה ושינוי גודל של תמונה בעורך טקסט עשיר

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

שלבים:

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

עריכת תמונה בעורך טקסט עשיר

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

שלבים:

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

הוספת סרטונים באמצעות עורך טקסט עשיר

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

אם אתה רוצה להטמיע סרטון שיצרת, תצטרך קודם להעלות אותו לאתר הזרמת וידאו כמו YouTube או Vimeo.

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

שלבים:

1. העתק את כתובת ה-URL של הסרטון על-ידי לחיצה על ctrl + C ב-PC או על command + C ב-Mac.

2. בקר באתר Embed Responsively. Embed Responsively הוא כלי שיספק לך קוד הטמעה משופר עבור הסרטון שלך.

3. ב-Embed Responsively, לחץ לבחירת אתר הווידאו שבו ממוקם הסרטון שלך.
4. הדבק את כתובת ה-URL של הסרטון שהעתקת בתיבה Page URL ב-Embed Responsively על-ידי לחיצה על ctrl + V ב-PC או על command + V ב-Mac.
5. לחץ על Embed. הכלי Embed Responsively ייצור את קוד ההטמעה עבורך.
6. אם הסרטון הוא מ-YouTube ואתה רוצה להציג רק סרטונים קשורים מאותו ערוץ YouTube, מצא את כתובת ה-URL של הסרטון בקוד ההטמעה. העתק והדבק ?rel=0 בסוף הכתובת, בתוך המירכאות.
7. העתק את כל הקוד שבתוך התיבה Embed code.
8. במנהל Shopify שלך, לחץ על הלחצן הוספת סרטון בעורך הטקסט העשיר.
9. הדבק את קוד ההטמעה בתיבה שבתיבת הדו-שיח הוספת סרטון.
10. לחץ על הוספת סרטון.
11. לסיום, לחץ על שמירה כדי לשמור את השינויים שביצעת בפריט.

הוספת קובצי שמע באמצעות עורך טקסט עשיר

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

שלבים:

1. במנהל Shopify, עבור אל תוכן > קבצים.

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

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

4. העתק את הקוד <div id="player"><audio controls="controls"> והדבק אותו בעורך הטקסט העשיר כדי להטמיע נגן שמע בדף שלך.

5. העתק את הקוד הבא:

• <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>

6. הדבק קוד זה בעורך הטקסט העשיר לאחר הקוד של נגן השמע, ולאחר מכן החלף את הכתובת https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 בכתובת ה-URL שנוצרה עבור קובץ השמע שלך כשהעלית אותו ל-Shopify. תוכל למצוא את כתובת ה-URL של קובץ השמע שלך בכל עת בדף קבצים.
7. לחץ על שמירה.
8. לחץ על הצגה כדי לוודא שקובץ השמע שלך מתנגן כראוי.

הוספה או הסרה של הערות פנימיות בעורך הטקסט העשיר

אפשר להשתמש בתגיות הערה <!-- ו---> עבור טקסט פנימי שאינך רוצה לפרסם בחנות.

שלבים:

1. בעורך הטקסט העשיר שלך, לחץ על הלחצן הצגת HTML.
2. כדי להוסיף הערה פנימית, תחום את הטקסט שברצונך להסתיר בין <!-- ל--->. לדוגמה: <!--yourtext-->.
3. לחץ על שמירה.

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

מידע על עורך הטקסט העשיר

עורך הטקסט העשיר משולב עם TinyMCE, שהיא רשת לאספקת תוכן (CDN) של צד שלישי. לשילוב זה יש כמה השלכות חשובות:

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

פתרון בעיות בעורך הטקסט העשיר

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

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>

mailto:email@example.com