בעלי אתרים רבים משתמשים באופציה של הוצאת עמוד ספציפי מעיצוב האתר ליצירת עמודי נחיתה מעוצבים, עמודים ייחודיים מבחינת העיצוב שלהם ועוד שימושים רבים ומגוונים.
הגדרות המערכת של עמודים אלו מתעלמות מהגדרת העיצוב של המערכת ולכן מצאנו לנכון לרכז מספר טיפים שיקלו על העבודה עם עמודים מסוג זה.
הערה חשובה!
הסבר זה דורש עבודה עם קוד ודורש הבנה בנושאים אלו. אם אין ברשותכם ידע בנושא, רצוי להיעזר במישהו שמכיר את הנושא ולא לעשות שינויים באופן עצמאי - שינוי לא תקין עלול לפגוע בעמוד כולו. לא תינתן תמיכה בנושאי קוד.
סידור תכנים
מכיוון שעמוד שנמצא מחוץ לעיצוב האתר הוא עמוד חלק וריק, רצוי ליצור “שלד” לעמוד באמצעות טבלאות. שימוש יצירתי בטבלאות יוכל להביא למצב שבו יש סידור תכנים הגיוני ואטרקטיבי לעמוד וניתן ליצור טבלאות פנימיות לצרכים פרטיים, לדוגמא יצירת תפריט ניווט באופן ידני. ניתן ללמוד עוד על כלי הטבלאות כאן.
שינוי צבע רקע
על מנת לשנות צבע רקע לעמוד שעיצוב האתר אינו חל עליו, יש להיכנס ל"ערוך הגדרות" >> “הגדרות למנועי חיפוש" >> “אפשרויות מתקדמות עבור משתמשים מתקדמים", תחת שדה META TAG להכניס את הקוד הבא:
<style type="text/css">
body
{
background-color:#ffffff;
}
</style>
במקום ffffff (שמייצג לבן) יש לרשום קוד צבע רלוונטי. לאחר השינוי יש ללחוץ על "עדכן נתונים". אפשרות זו תחליף באופן גורף את צבע הרקע של העמוד.
הכנסת תמונת רקע
על מנת להגדיר תמונת רקע לעמוד שעיצוב האתר אינו חל עליו, יש להיכנס ל"ערוך הגדרות" >> “הגדרות למנועי חיפוש" >> “אפשרויות מתקדמות עבור משתמשים מתקדמים", ותחת שדה META TAG להכניס את הקוד הבא:
<style type="text/css">
body
{
background-image:url('/image/users/123456/ftp/my_files/image.jpg');
}
</style>
יש להקפיד כי "/image/users/123456/ftp/my_files/image.jpg" הוא נתיב לתמונה במערכת. לאחר השינוי יש ללחוץ על "עדכן נתונים".
במידה ורוצים להחליט גם כיצד התמונה תוצג מבחינת חזרה על עצמה ומיקום, ניתן להוסיף סעיפים נוספים בשורות נפרדות בין הסוגריים המקורזלות:
- background-repeat:no-repeat;
מגדיר חזרה על התמונה לגבי ציר x וציר y. פרמטרים אפשריים: no-repeat, repeat, repeat-x, repeat-y.
- background-position:top right;
מגדיר את מיקום התמונה ביחס לעמוד. פרמטרים אפשריים: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right.
לדוגמא, קוד מלא של תמונה שתחזור על עצמה גם בציר x וגם בציר y ותמוקם החל מהפינה השמאלית-עליונה ייראה כך:
הגדרת סוג גופן לעמוד
על מנת להגדיר גופן לעמוד שאינו נמצא בעיצוב, יש להיכנס ל"ערוך תוכן" ולהיכנס למצב "HTML". שם יש להוסיף את הטקסט הבא לפני כל קוד אחר:
<font face=”Arial”>
לאחר מכן יש לגלול לתחתית הקוד ולסגור את התג באמצעות הקוד
</font> ורק לאחר מכן לשמור (קוד שלא ייסגר בצורה תקינה עלול לגרום לנזק לעמוד).
את Arial ניתן להחליף בכל אחד מהפונטים המוכרים במערכת.
חשוב לציין כי הדבר לא ישפיע על טקסטים שיש לגביהם הגדרה אחרת של גופן (תוכן מודבק, לדוגמא).
הגדרת כיוון כתיבה
על מנת להגדיר כיוון כתיבה באופן מלאכותי לעמוד שאינו נמצא בעיצוב, יש להיכנס ל"ערוך תוכן" ולהיכנס למצב "מקור". שם יש להוסיף את הטקסט הבא לפני כל קוד אחר:
<div dir=”ltr”>
לאחר מכן יש לגלול לתחתית הקוד ולסגור את התג באמצעות הקוד
</div> ורק לאחר מכן לשמור (קוד שלא ייסגר בצורה תקינה עלול לגרום לנזק לעמוד).
מהות הפקודה היא בעצם "לעטוף" את כל העמוד בהגדרה של כיוון כתיבה.
LTR פירושו left-to-right, כלומר הדבר יכפה על העמוד סידור של משמאל לימין. ניתן לרשום RTL במקום (right-to-left).
חשוב לציין כי הדבר לא ישפיע על טקסטים שיש לגביהם הגדרה אחרת של גופן (תוכן מודבק, לדוגמא).
