עיצוב תוכן מתקדם באתר
קראו דף זה לאחר שכבר התחלתם להוסיף את הבלוג לאתר.
להנחיות הוספת בלוג
קראו גם את איך לקדם את המאמר שפירסמתי בגוגל
רוצים לשדרג את פריטי התוכן שלכם? כאן תוכלו למצוא הנחיות איך לשפר את התוכן שאתם מעלים.
- העתקה של טקסט מוורד
- עיצוב כותרות וטקסט
- סידור שימות תבליטים ומספרים
- הוספת תמונות
- הוספת סרטונים
- הוספת קישורים
- הוספת טבלה
העתקה של טקסט מוורד
פעמים רבות אנו כותבים את המאמר או הפריט שלנו קודם כל בוורד, ואז אנו רוצים להעתיק אותו לאתר.
כמה דברים שחשוב לדעת על וורד:
1. וורד מוסיף הרבה מאוד עיצובים מאחורי הקלעים שמתאימים לוורד אך לא תמיד מתאימים לפלטפורמות אחרות. כאשר מעבירים עיצובים מוורד לעורך HTML (אינטרנט) - יש דברים שלא יעברו טוב.
2. אין טעם להשקיע בעיצוב של התוכן בוורד, עדיף לעשות את זה ישר באתר.
3. בוורד נהוג לסמן כותרות עם קו, באינטרנט קו הוא לינק ולכן עדיף להגדיל ולהדגיש את הטקסט ולא לשים קו מתחת.
מה כדאי לעושת כשאני מעביר טקסט מוורד לאתר?
לסמן את כל הטקסט בוורד, להעתיק אותו.
אפשרות ראשונה - הכי כדאי - להעתיק את זה ל- notepad ואז להעתיק שוב לאתר - בשיטה זאת אנו מבטלים את כל העיצובים של הוורד, ומעתיקים תוכן ללא עיצוב, ועושים את העיצוב ישירות באתר.
אפשרות שניה, העתקה ישירות מהוורד לתוך האתר. כאן כדאי לבחור באופציה clean ולאחר מכן לעושת את העיצובים הנדרשים.
אפשריות עיצוב מתקדמם של הטקסט
יישור טקסט לימין
בברת המחדל הטקטס מיושר לשמאל אך ניתן בקלות ליישר את הטקסט לימין.
לחצו על סימן הפאי עם הנקודות ולאחריו בחרו יישור לימין.
עיצוב כותרות וטקסט
ניתן לעשות שימוש בכותרות מובנות - heading 2 , heading 3. יש לסמן את הטקסט הרלוונטי ולבחור בעיצוב הכותרת.
אם הטקסט לא נמצא בגודל הנכון:
ניתן לסמן ולבחור ב- Normal לאיפוס עיצובים.
ניתן לסמן את הטקסט ולבחור במחק למחיקת עיצובים.
אפשרות נוספת לעיצוב כותרות וטקסט היא על ידי בחירת צבע לטקסט (text ) או לרקע (background)
שינוי גודל של הטקסט או הוספה של הדגשה (בולד)
סידור רשימות תבליטים (bullet) ומספרים
כאשר מעתיקים טקסט עם תבליטים מתוך הוורד לאתר פעמים רבות הנקודות יוצאות יותר מידי ימינה.
פיתרון קל לסידור התבליטים - להכניס אותם פנימה בטקסט ואז להוסיף תבליטים מתוך סרגל הכלים הקיים.
סידור תבליטים באתר
מחיקת העיצוב מהורד באמצעות המחק.
- סימון הטקסט הרלוונטי
- הכנסת הטקסט הרלוונטי פנימה - increase indent
- הוספת תבליטים (או מספרים) unordered list, orderd listl
- המערכת באופן אוטומטי מקטינה את הטקסט, ניתן להגדיל אותו לגודל 18 באמצעות סימון הטקסט והגדלתו
הוספת תמונות
ניתן להכניס לתוך הטקסט תמונות.
ניתן להעלות תמונות אשר שמורות במחשב באמצעות לחיצה על insert image או להעתיק תמונה ולהדביק אותה
יש לבחור את התמונה מהמחשב.
לאחר הוספת התמונה ניתן לשנות את הגדול / מיקום של התמונה.
לחיצה כפולה על התמונה תפתח סרגל כלים לעיצוב התמונה.
replace - החלפת תמונה עם תמונה אחרת
align - יישור התמונה לימין, שמאל, מרכז
remove - מחיקה של התמונה
insert link - הוספת קישור לתמונה
Display - מיקום התמונה - inline - טקסט יגלוש מסביב לתמונה, break text - התמונה תופיע לפני ואחרי הטקטס.
style - שינוי גבולות התמונה - הוספת גבול או קצוות מעוגלים.
Alternate text - טקסט שיופיע על התמונה או עד שהיא תופיע.
Change size - שינוי גדול התמונה. בברת המחדל הוא px 300 . כדי שהתמונה תהיה לכל רוחב הדף ניתן להגדיל עד 800 px.
איך להזיז את התמונה ככה שהטקסט יגלוש מסביב לתמונה?
בחרו בכוכב (display) ואז באפשרות inline.
בחרו ב- align לימין או לשמאל והתמונה תתמקם ככה שהטקסט גולש מסביבה.
הוספת סרטונים
ישנה אפשרות להוסיף סרטון אשר מוטמע בתוך הטקסט.
לחצו על insert video והדביקו את הקישור של הסרטון.
אם הסרטון שלכם נמצא ביוטיוב ניתן להעתיק את הסרטון באמצעות שתף, share, copy link.
הסרטון יופיע מוטמע בתוך הדף.
למתקדמים - ניתן גם להטמיע קוד של סרון באמצעות embed.
הוספת קישורים
ניתן להוסיף קישורים לדפים אחרים באתר או באינטרנט באמצעות insert link.
קישור לפריט שקיים כבר באתר: ניתן לכתוב מילה מתוך הכותרת בשורת החיפוש ולבחור את הפריט הרצוי.
קישור לכתובת אינטרנט: העתיקו את הכתובת והדביקו אותה בשורת ה- URL, כתבו את הטקסט עליו ילחצו בשורת text.
ישנה אפשרות נוספת להוסיף קישורים בין דפים במערכת. הקישורים יהיו קישור דו כיווני אשר יופיע בשני הדפים בצד.
מתחת לאזור עיצוב הטקסט, באזור "Related Content"
כיתבו מילה מתוך הכותרת של הדף לשם רוצים לקשר
בחרו את הדף
צרו קישורים דינאמיים בין דפים בקלות ובמהירות.
הוספת טבלאות
ניתן להעתיק טבלאות שעוצבו בוורד או לייצר ולעצב את הטבלאות ישירות באתר.
יש לקחת בחשבון כי אפשרויות העיצוב של הטבלאות קטנות יותר ממה שקיים בוורד, ולכן אם העיצוב שעשיתם בוורד חשוב לכם, כדאי לסמן רק את הטבלה, להעתיק ולהדביק אותה ולבחור באופציה של Keep בעיצוב.
אם לא השקעם ביצירת טבלה מעוצבת בוורד, ניתן לעצב את הטבלה כאן.
בחרו באפריות insert table וכמות התאים הרצוייה.
בתוך הטקסט נוצרת טבלה, עמידה בתוך הטבלה פותחת סרגל כלים לעיצוב הטבלה.
כותרת הטבלה | עמודה 1 | עמודה 2 |
---|---|---|
תוכן טבלה | תוכן עמודה 1 | תוכן עמודה 2 |
תוכן טבלה | תוכן עמודה 1 | תוכן עמודה 2 |
תוכן טבלה | תוכן עמודה 1 | תוכן עמודה 2 |
H - Table header - הוספת שורת כותרת לטבלה
remove table - מחיקת הטבלה
Row - הוספת שורה מעלה, מתחת ומחיקת שורה
Colomb - הוספת עמודה מימין משמאל ומחיקת עמודה
Table Style - הוספת עיצוב לטבלה - קווים, צבע לשורה או עמודה וללא גבול כלל.
Cell - חיבור ופיצול תאים
Cell background - הוספת צבע רקע לתא
Vertical align - ישור בתוך התא - למעלה, במרכז למטה
Horisontal align - יישור לימין, שמאל ומרכז
Cell style - עיצוב של התא כגון מודגש
Page Options