סקירה על אלמנט טקסט עשיר - עזרה של Webflow

השתמשו באלמנט טקסט עשיר (RTE) ליצירת תוכן ארוך.

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

כיצד להוסיף אלמנט טקסט עשיר לאתר שלכם

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

ניתן להוסיף את האלמנטים הבאים בתוך אלמנטים של טקסט עשיר:

• פסקאות
• כותרות (H1-H6)
• תמונות
• כיתובי תמונות
• תכונות alt לתמונות
• קוד מותאם
• ציטוטים
• רשימות לא מסודרות (עם נקודות)
• רשימות מסודרות (ממוספרות)
• סרטונים (YouTube, Vimeo)
• מדיה עשירה (מפות Google, SoundCloud, Imgur, Giphy, Codepen ועוד)

ניתן גם להוסיף עיצוב נוסף לאלמנטים של טקסט:

• קישורים (URL, דף, דוא"ל וכו')
• טקסט מודגש
• טקסט נטוי
• טקסט עליון ותחתון
• קוד

פקודות סלאש

כאשר אתם עורכים תוכן בתוך RTE, תוכלו להשתמש בפקודות סלאש כדי ליצור במהירות טקסט בעזרת עוזר ה-AI של Webflow או להוסיף אלמנטים חדשים של תוכן. כדי להשתמש בפקודות סלאש, לחצו על / (סלאש קדמי) במקלדת ולחצו על Generate more copy כדי להוסיף טקסט רלוונטי בהקשר בעזרת עוזר ה-AI, בחרו את האלמנט הרצוי מתוך תפריט הוספה, או התחילו להקליד כדי לסנן את רשימת האלמנטים:

• כותרת (H1–H6)
• רשימה ממוספרת
• רשימה עם נקודות
• פסקה
• ציטוט
• תמונה
• סרטון
• תוכן עשיר
• הטמעת HTML
• בלוק קוד

כיצד להוסיף ולעצב תוכן טקסט

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

יצירת תוכן טקסט באמצעות עוזר ה-AI של Webflow

כדי להוסיף במהירות טקסט רלוונטי מבחינה הקשרית ל-RTE באמצעות עוזר ה-AI:

1. לחץ לחיצה ימנית על ה-RTE
2. בחר שנה טקסט מתפריט ההקשר
3. (אופציונלי) הזן הנחיה המתארת את הטקסט שברצונך ליצור
4. לחץ על סמל "שלח הנחיה"
5. לחץ סיום כדי לאשר את הטקסט שנוצר

למידע נוסף על השימוש בעוזר ה-AI של Webflow ליצירה ועריכת תוכן.

כיצד להוסיף פסקאות

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

כיצד להוסיף כותרות וציטוטים

כדי ליצור כותרת, בחר כל טקסט בתוך פסקה ובחר באפשרות כותרת (H1-H6). אותו הדבר לגבי יצירת ציטוטים.

כיצד לעצב טקסט ולהוסיף קישורים

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

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

קיצורי מקלדת

קיצורי המקלדת הבאים יכולים לעזור לך לעצב במהירות תוכן טקסט עשיר:

• הוספת רווח בלתי נשבר: Shift + Space
• הוספת מעבר שורה: Shift + Enter
• טקסט מודגש: Command + B (Control + B ב-Windows)
• טקסט נטוי: Command + I (Control + I ב-Windows)
• הוספת היפר-קישור: Command + K (Control + K ב-Windows)

בעת עריכה בעורך הטקסט העשיר, ניתן להשתמש בקיצור פקודת הסלאש (“/**”) כדי להוסיף במהירות אלמנטים של תוכן. ניתן גם להשתמש בקיצורי Markdown:

• טקסט נטוי: *text* או _text_
• טקסט מודגש: **text** או __text__
• מודגש ונטוי: ***text*** או ___text___
• הוספת היפר-קישור: [hyperlink text](https://www.url.com)
• כותרת 1: # + רווח
• כותרת 2: ## + רווח
• כותרת 3: ### + רווח
• כותרת 4: #### + רווח
• כותרת 5: ##### + רווח
• כותרת 6: ###### + רווח
• ציטוט: > + רווח
• רשימה לא מסודרת: - + רווח
• רשימה מסודרת: 1. + רווח

איך להוסיף תוכן מדיה, קוד מותאם ורשימות

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

הוספת תמונות, סרטונים ומדיה עשירה

כל אלמנטי המדיה בעורך הטקסט העשיר הם רספונסיביים וישמרו על יחס הגובה-רוחב של התוכן. התמיכה בסרטוני YouTube, Vimeo ו-Dailymotion שופרה כדי לאפשר זמני התחלה מותאמים אישית. הנה רשימה של כמה סוגי מדיה עשירה נתמכים:

• YouTube
• Vimeo
• פוסט באינסטגרם
• פוסט בפייסבוק
• DailyMotion
• Kickstarter
• TED
• Wistia
• Livestream
• Twitch
• Hulu
• אלבומי Imgur
• מפות Google
• JSFiddle
• Codepen
• Scribd
• SlideShare
• רשימות השמעה ומצעדים של Spotify
• Giphy
• SoundCloud
• ועוד!

הגדרות מדיה

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

טקסט חלופי

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

כיצד להוסיף קוד מותאם אישית

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

שלבים:

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

כיצד להוסיף רשימות

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

• רשימה עם נקודות: השתמשו בתפריט ההוספה או הקלידו מקף - ואחריו רווח.
• רשימה ממוספרת: השתמשו בתפריט ההוספה או הקלידו מספר שלם ואחריו נקודה ורווח.
• לקנן רשימה: בחרו פריט ולחצו על Tab. לבטל קינון: בחרו ולחצו על Shift + Tab.

כיצד להוסיף תוכן טקסט עשיר ממקורות אחרים

ניתן להדביק טקסט עשיר מאתרים אחרים או מעבדי תמלילים (כמו Google Docs). עיצוב, קישורים ותמונות יישמרו אם יודבקו בשדה טקסט עשיר במעצב או ב-CMS.

כיצד לסדר מחדש ולמחוק אלמנטים

ניתן לסדר מחדש אלמנטים בטקסט עשיר באמצעות גרירה ושחרור על הקנבס או הנוויגטור, או באמצעות קיצורי מקלדת. ניתן למחוק אלמנטים על ידי בחירה ולחיצה על Backspace או Command + X (Control + X ב-Windows).

כיצד לעצב תוכן RTE

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

עצב אלמנטים בתוך אלמנט הטקסט העשיר כמו כל אלמנט ב-Webflow: בחר על הקנבס, עבור ל-לוח העיצוב, החל או צור מחלקה, ועצב.

עיצוב אלמנטים בתוך אלמנט טקסט עשיר עם תגיות HTML

אלמנטים ב-RTE יורשים סגנונות מתגיות HTML. ניתן לעצב באמצעות בוררי קינון, להגביל סגנונות ברירת מחדל ל-RTEs עם אותה מחלקה.

שלבים:

1. בחר RTE על הקנבס
2. תן ל-RTE מחלקה
3. בחר אלמנט ב-RTE
4. עבור ל-לוח העיצוב (S)
5. לחץ על שדה בורר
6. בחר תגית HTML
7. לחץ על קנן בורר בתוך "שם המחלקה"
8. עצב כרצונך

כיצד לעצב טקסט עשיר דינמי

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

חזרה לעזרה של webflow