מדריך ללקוחות ומעדכני אתרים

 
 
 
 

 
 
 
 
 
 
 
 
 

יצירת טבלה מעוצבת

 
 
יש לבחור את עורך התוכן הרצוי להוספת הטבלה, וללחוץ על Open Full Editor בפאנל הניהול הימני.

בלחיצה על Open Full Editor ייפתח חלון קופץ המאפשר עריכת תוכן:
 
Edit Table in Text Editor
 
 
בחלון שייפתח - יש לבחור בכלי הטבלה, ולבחור ב Insert Table
 
Edit Table in Text Editor
 
 
לבחור את מספר השורות והטורים הרצויים בטבלה.
ניתן להוסיף ולהסיר טורים ושורות גם בשלב מאוחר יותר.
 
Edit Table in Text Editor
 
 
את רוחב הטורים לא ניתן לקבוע בממשק וברירת המחדל היא חלוקה שווה של רוחב הטבלה באחוזים.
כדי לקבוע רוחב שונה, יש להיכנס לקוד HTML של עורך התוכן ולקבוע אחוזים שונים ל-td השונים.
כמובן יש לוודא שסכום האחוזים מסתכם ב- 100%.
שימו לב שעורך ה HTML מיושר לימין RTL, ולכן סגירת התגיות והגרשיים "עפים" ימינה.
לכן מומלץ לערוך בנוטפד או בעורך אחר, ולהעתיק לאזור ה HTML בעורך התוכן.
 
Edit Table in Text Editor
 
 
כך נראית הטבלה בעורך התוכן כשחוזרים לאזור התצוגה הרגיל:
 
Edit Table in Text Editor
 
 
ניתן לשנות את מבנה הטבלה בצורות שונות:

להוריד שורות מיותרות - להניח הסמן בשורה המיותרת לבחור delete row.
 
Edit Table in Text Editor
 
 
להוספת שורות - לעמוד על השורה שמתחתיה רוצים להוסיף שורה וללחוץ על Add Row Below
 
Edit Table in Text Editor
 
 
להוספת טורים - יש להניח את הסמן על הטור שרוצים להוסיף טור מימינו - וללחוץ על Add Column Left.
כן, זו לא טעות - המערכת עובדת הפוך, וכדי להוסיף משמאל צריכים ללחוץ על Add Column Right...
 
Edit Table in Text Editor
 
 
בסיום עריכת התכנים ובניית הטבלה, יש ללחוץ על כפתור OK בעורך התוכן.
הטבלה תיראה כך:
 
Edit Table in Text Editor
 
 

עיצוב הטבלה

 
עיצוב הטבלה נעשה בלשונית הימנית בפאנל הניהול הימני (בעל אייקון המכחול).

את הגדרות הטבלה הכוללת עורכים ב- Table בתפריט הנשלף תחת External Panel.
אם רוצים צבע אחיד לרקע הטבלה ניתן להגדיר בו צבע רקע.
כאן בחרנו להגדיר גבול (בורדר) עבה לכל הטבלה.
 
Edit Table in Text Editor
 
 
את הגדרות התאים: צבע וגודל הטקסט, padding משני הצדדים, גובה התאים, ועוד - עורכים תחת Cell.
במקרה זה הגדרנו את יישור הטקסט למרכז:
 
Edit Table in Text Editor
 
 
את הגדרת השורה העליונה (כותרת הטבלה): מאפייני הטקסט, צבע הרקע וכדו' - מגדירים תחת First Row.
 
Edit Table in Text Editor
 
 
ניתן לקבוע צבע רקע שונה לשורות זוגיות ואי-זוגיות באופן אוטומטי, כך שאם יוסיפו או ימחקו שורות, המערכת תחשב את צבע הרקע ולא יהיה צורך לשנות אותו. לשורות זוגיות קובעים את ההגדרות תחת Odd Rows.
 
Edit Table in Text Editor
 
 
לשורות אי-זוגיות קובעים את ההגדרות תחת Even Rows.
 
Edit Table in Text Editor
 
 
ניתן גם לקבוע הגדרות ייחודיות לטור הראשון (הימני או השמאלי, תלוי בשפה), כדי להבדילו משאר הטורים, במקרה שנושא כותרות לשורות.
הגדרות אלה נקבעות תחת First-Columns-Cells.
 
Edit Table in Text Editor
 
 
 
 
יש לבחור את עורך התוכן המכיל את הטקסט שרוצים לשנות וללחוץ על Open Full Editor בפאנל הניהול הימני.

בלחיצה על Open Full Editor ייפתח חלון קופץ המאפשר עריכת תוכן:
Edit Table in Text Editor
בחלון שייפתח - יש לבחור בכלי הטבלה, ולבחור ב Insert Table
Edit Table in Text Editor
לבחור את מספר השורות והטורים הרצויים בטבלה.
ניתן להוסיף ולהסיר טורים ושורות גם בשלב מאוחר יותר.
Edit Table in Text Editor
את רוחב הטורים לא ניתן לקבוע בממשק וברירת המחדל היא חלוקה שווה של רוחב הטבלה באחוזים.
כדי לקבוע רוחב שונה, יש להיכנס לקוד HTML של עורך התוכן ולקבוע אחוזים שונים ל-td השונים.
כמובן יש לוודא שסכום האחוזים מסתכם ב- 100%.
שימו לב שעורך ה HTML מיושר לימין RTL, ולכן סגירת התגיות והגרשיים "עפים" ימינה.
לכן מומלץ לערוך בנוטפד או בעורך אחר, ולהעתיק לאזור ה HTML בעורך התוכן.
Edit Table in Text Editor
כך נראית הטבלה בעורך התוכן כשחוזרים לאזור התצוגה הרגיל:
Edit Table in Text Editor
ניתן לשנות את מבנה הטבלה בצורות שונות:

להוריד שורות מיותרות - להניח הסמן בשורה המיותרת לבחור delete row.
Edit Table in Text Editor
להוספת שורות - לעמוד על השורה שמתחתיה רוצים להוסיף שורה וללחוץ על Add Row Below
Edit Table in Text Editor
להוספת טורים - יש להניח את הסמן על הטור שרוצים להוסיף טור מימינו - וללחוץ על Add Column Left.
כן, זו לא טעות - המערכת עובדת הפוך, וכדי להוסיף משמאל צריכים ללחוץ על Add Column Right...
Edit Table in Text Editor
בסיום עריכת התכנים ובניית הטבלה, יש ללחוץ על כפתור OK בעורך התוכן.
הטבלה תיראה כך:
Edit Table in Text Editor

עיצוב הטבלה

עיצוב הטבלה נעשה בלשונית הימנית בפאנל הניהול הימני (בעל אייקון המכחול).

את הגדרות הטבלה הכוללת עורכים ב- Table בתפריט הנשלף תחת External Panel.
אם רוצים צבע אחיד לרקע הטבלה ניתן להגדיר בו צבע רקע.
כאן בחרנו להגדיר גבול (בורדר) עבה לכל הטבלה.
Edit Table in Text Editor
את הגדרות התאים: צבע וגודל הטקסט, padding משני הצדדים, גובה התאים, ועוד - עורכים תחת Cell.
במקרה זה הגדרנו את יישור הטקסט למרכז:
Edit Table in Text Editor
את הגדרת השורה העליונה (כותרת הטבלה): מאפייני הטקסט, צבע הרקע וכדו' - מגדירים תחת First Row.
Edit Table in Text Editor
ניתן לקבוע צבע רקע שונה לשורות זוגיות ואי-זוגיות באופן אוטומטי, כך שאם יוסיפו או ימחקו שורות, המערכת תחשב את צבע הרקע ולא יהיה צורך לשנות אותו. לשורות זוגיות קובעים את ההגדרות תחת Odd Rows.
Edit Table in Text Editor
לשורות אי-זוגיות קובעים את ההגדרות תחת Even Rows.
Edit Table in Text Editor
ניתן גם לקבוע הגדרות ייחודיות לטור הראשון (הימני או השמאלי, תלוי בשפה), כדי להבדילו משאר הטורים, במקרה שנושא כותרות לשורות.
הגדרות אלה נקבעות תחת First-Columns-Cells.
Edit Table in Text Editor