קורס עיצוב אתר WIX

עיצוב טקסט

עיצוב ועריכת טקסט ב-WIX

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

 

שימוש בתיבת טקסט

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

 

עיצוב תיבת הטקסט

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

 

איך מוספים טקסט לאתר ?

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

  1. לחצו על הכפתור "+" בצד הימני של המסך.

  2. לוחצים על "TEXT" באפשרויות שנפתחות.

  3. יעלו אפשריות שונות לבחירה: הוספת כותרת/פסקה, תבניות טקטס מוכן לשימוש וכו'.

 

איך עורכים טקסט
  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. בתפריט שיופיע נלחץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

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

  5. עם העכבר נסמן את הטקסט שנרצה לערוך.

  6. קיצור דרך: קליק כפול על תיבת טקסט תפתח אותה ישירות לעריכה.

 

טיפ לבחירת טקסט מהירה בזמן עריכה

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

שני קליקים מהירים עם העכבר: מסמן את כל המילה שעליה הקלקנו.

שלושה קליקים מהירים עם העכבר: מסמנים את כל המשפט/הפסקה שעליה הקלקנו.

 

בחירת סוג הגופן

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

  1. לחצו על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו נלחץ על "EDIT TEXT".

  3. יעלה עורך הטקסט ותיבת הטקסט תפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה לערוך.

  5. בעורך הטקסט נכנס לקטגוריית "FONTS".

  6. בתפריט שיפתח נבחר את הפונט שנרצה.

 

שימוש בגופנים בעברית ב-WIX

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

  1. בעורך הטקסט נכנס לקטגוריית "FONTS".

  2. לחצו על הקישור "ADD LANGUAGES" (הוספת שפות) בחלק התחתון של התיבה.

  3. תפתח תיבה נפרדת עם רשימת שפות, סמנו "✔" ליד המילה "HEBREW".

  4. לחצו על הכפתור "SAVE".

  5. מעכשיו הגופנים בעברית יופיעו בכל מקום באתר שבו נשתמש בטקסט.

 

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

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

  1. לחצו על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו נלחץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה לערוך.

  5. בעורך הטקסט נלחץ על האייקון: "COLOR".

  6. יפתח לנו תפריט עם מגוון צבעים לבחירה.

  7. נלחץ על צבע הרצוי.

  8. בחלק התחתון ישנו הכפתור "ADD COLOR" שמאפשר: להתאים צבע ספציפי, לשמור צבעים לשימוש עתידי, להכניס ידנית צבע ע"י יצוג מספרי (HEX, RGB, HSB).

  9. לא ניתן לשנות את שקיפות הטקסט: לשינוי עוצמת הצבע יש לבחור גוון חזק או חלש יותר.

 

נגישות לבעלי מוגבלויות

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

שינוי גודל הטקסט

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

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

  • טקסט קטן רישמי יותר ומתאים לפסקאות ארוכות, אם יהיה קטן מידי יקשה על הקריאה.

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה להגדיל.

  5. בעורך הטקסט תופיע הידית ""FONT SIZE".

  6. נזיז אותה שמאלה או ימינה לפי הצורך.

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

 

הדגשת טקסט (BOLD)

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה להבליט.

  5. לחצו בעורך הטקסט על האות "B".

  6. קיצור דרך: CTRL+B.

 

צבע הרקע של הטקסט

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה לסמן.

  5. לחצו בעורך הטקסט על האייקון "HIGHLIGHT".

  6. הסרת הרקע: נסמן את הטקסט, נלחץ על האייקון "HIGHLIGHT", מעליו יופיע אייקון להסרה.

 

יישור טקסט

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה ליישר (אם לא סימנו כל הטקסט בתיבה יתישר יחדיו).

  5. לחצו בעורך הטקסט על האייקון "Alignment".

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

 

שינוי כיוון הקריאה של טקסט

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך הטקסט והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה לשנות.

  5. לחצו בעורך הטקסט על האייקון "Change Text Direction".

 

הוספת קו תחתון לטקסט

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך הטקסט והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט שאליו נרצה להוסיף קו תחתון.

  5. לחצו בעורך הטקסט על האייקון "Underline".

  6. אם נרצה להסירו נלחץ שוב על האייקון.

 

הוספת מספור/נקודות לשורות

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך הטקסט והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את השורה או השורות שנרצה להוסיף מספור.

  5. לחצו בעורך הטקסט על האייקון "Bullets & Numbering".

  6. אם נרצה להסיר זאת נלחץ שוב על האייקון.

  7. כאשר נרד שורה בלחיצה על "ENTER" גם בשורה החדשה יופיע המספור.

  8. המספור יופיע לפי כיוון הטקסט שקבענו (מימין לשמאל יופיע מימין).

 

בחירת סגנון הטקסט (כותרת/פסקה)

חשוב לקבוע את סוג הטקסט (כותרות או פסקות) ואת רמת חשיבותו (H1, H2 וכו'), במבט ראשון זה טרחני במקצת להקפיד לסמן כול טקסט שמופיע באתר לפי הסגנון שלו, אבל זה מאוד חשוב לקידום האתר. הסימון מראה למנועי החיפוש את ההירכיה של הטקסט באתר, מהי הכותרת הראשית של הדף, מהן כותרות המשנה, מהן הפסקאות וכו'.
  1. לוחצים על אובייקט מסוג טקסט.
  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".
  3. יעלה עורך הטקסט והטקסט בתיבה יפתח לעריכה.
  4. יש לסמן את המשפט שנרצה לשנות.
  5. לחצו על בעורך הטקסט על "THEMES".
  6. תופיע לכם רשימה שממנה תצטרכו לבחור.
 

אפטים מיוחדים של טקסט

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

דוגמאות לאפקטים של טקסט: אפקט 1, אפקט 2, אפקט 3, אפקט 4, אפקט 5, אפשט 6, אפקט 7, אפקט 8.

  1. לוחצים על אובייקט מסוג טקסט.
  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".
  3. יעלה עורך הטקסט והטקסט בתיבה יפתח לעריכה.
  4. יש לסמן את המשפט/המילה שנרצה לשנות.
  5. בעורך הטקסט נמצא את "EFFECTS".
  6. מתחתיו מופיע רשימה של אפקטים.
  7. לחיצה על אפקט תפעיל אותו על הטקסט.
  8. להסרת אפקט נחזור על סעיפים 1-6 ונבחר הפעם במלבן עם פס אדום.
 

קביעת מרווחים של טקסט

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

  1. לוחצים על אובייקט מסוג טקסט.
  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".
  3. יעלה עורך הטקסט והטקסט בתיבה יפתח לעריכה.
  4. יש לסמן את המשפט/המילה שנרצה לשנות.
  5. בעורך הטקסט נמצא את "SPACING".
  6. ישנה ידית שניתן לגרור ימינה או שמאלה להגדלת הרווח או להכניס מספר בתיבה הנמצאת מימין לידית.
  7. ה- "CHARACTER SPACING" - משנה את הרווח בין האותיות.
  8. ה- "LINE SPACING" - משנה את הרווח בין שורות הפסקה.
  9. סימון "AUTOMATIC" יעביר את הרווח בשורות למצב ברירת המחדל וידית הגרירה תעלם.
 

טקסט נטוי (italics)

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

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך התוכן והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט שאותו נרצה להטות.

  5. לחצו בעורך הטקסט על האייקון "Italics".

  6. אם נרצה להסירו נלחץ שוב על האייקון.

 

הצבת טקסט בחלק הקדמי של אובייקט

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

 

דוגמא לחשיבות ארגון האובייקטים

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

 

ארגון אובייקטים בעיצוב מורכב

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

 

איך מביאים טקסט לקדמת הבמה

  1. נגרור את תיבת הטקסט ונציב אותה על האובייקט.

  2. נלחץ מקש ימני על האובייקט.

  3. יופיע תפריט ובו נמצא את הכיתוב "ARRANGE" ונרחף מעליו.

  4. יעלו לנו 4 אפשרויות שונות:

  5. "BRING TO FRONT" - העבר הכי קדימה.

  6. "SEND TO BACK" - העבר הכי אחורה.

  7. "MOVE FORWARD" - העבר שלב אחד קדימה.

  8. "MOVE BACKWARD" - העבר שלב אחד אחורה.

 

הדבקת טקסט ממקורות חיצוניים

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

 

קיצורי דרך במקלדת להעתק והדבק

העתקת טקסט: CTRL C.

הדבקת טקסט: CTRL V.

גזירת טקסט: CTRL X.

 

איך עושים העתק/הדבק ממקורי חיצוני

  1. נסמן את הטקסט אותו נרצה להעתיק לוויקס.

  2. נלחץ על CTRL C.

  3. נציב את הסמן במקום שבו נרצה להדביק את הטקסט.

  4. נלחץ על CTRL V.

 

בעיות בהעתקת טקסט

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

 

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

לפעמים נרצה להסיר לחלוטין עיצוב של הטקסט שביצענו.

  1. לוחצים על אובייקט מסוג טקסט (תיבת הטקסט).

  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".

  3. יעלה עורך הטקסט והטקסט בתוך התיבה יפתח לעריכה.

  4. מסמנים את הטקסט אותו נרצה לשנות.

  5. בחלק הכי תחתון של עורך הטקסט מופיע הכפתור  "RESET TO THEME".

 

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

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

  1. לוחצים על אובייקט מסוג טקסט.
  2. יופיע תפריט שבו יש ללחוץ על "EDIT TEXT".
  3. יעלה עורך הטקסט והטקסט בתיבה יפתח לעריכה.
  4. יש לסמן את המשפט/המילה שממנה נוציא קישור.
  5. בעורך הטקסט נמצא את האייקון "LINK".
  6. לחיצה עליו תפתח תיבה שבה מגוון אפשרויות להוצאת קישור.
 
אפשרויות הוצאת קישור מטקסט
  1. "PAGE/ANCHOR" - קישור לדף באתר הוויקס שלנו או לכל עוגן שקבענו באתר.
  2. "WEB ADDRESS" - קישור לדף אינטרנט חיצוני.
  3. "EMAIL" - קישור שיעלה את תוכנת הדואר של הגולש עם המייל שהכנסנו.
  4. "DOCUMENT" - קישור שיעלה מסמך ספציפי שבחרנו.
  5. "TOP OF PAGE" - קישור לחלק העליון בדף בו אנו נמצאים.
  6. "BOTTOM OF PAGE" - קישור לחלק התחתון בדף בו אנו נמצאים.
  7. "NONE" - בחירה באפשרות זו מסירה הקישור מהטקסט.

 

עיצוב אתר WIX מקצועי

אנחנו נדאג שהאתר שלך יראה מצוין

קורס עיצוב אתר וויקס

שירותי אתר WIX

בניית דפי נחיתה WIX
קורס WIX
תבנית אתר WIX
בדיקת אתר WIX
בניית חנות וירטואלית WIX
שדרוג / שיפוץ אתר WIX
פרסום אתר WIX
בניית אתר מותאם למובייל
קידום אתר WIX
תמיכה לאתר WIX
בניית אתר WIX
מה זה אתר WIX ?
מומחים לשיווק באינטרנט

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

אודות "שיווקום"

פתרונות שיווק לעסקים

יצירת קשר מהיר

טלפון: 054-3165353
מייל: 
shivukom@gmail.com

  • Facebook Social Icon

© כול הזכויות שמורות לאתר "שיווקום"

כפתור יצירת קשר - וואטסאפ