יצירת עמוד מותאם אישית לפורום Simple Press:Forum

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

והדרך השניה לתצוגת סרגל הכלים היא:

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

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

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

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

שלב 5 עבודת עיצוב עם קובץ הCSS בתבנית שלנו:
לכל תבנית כמו בתבנית שלכם יש קובץ שאחרי על העיצוב של התבנית והוא נקרא:

style.css

כעת נאתר בקובץ הCSS שלנו את שורת הקוד האחראית על CLASS שלנו, שימו לב שישנה אפשרות שאולי תהיה יותר מפיסקה אחת שאחראית על העיצוב הזה, יש לאתר את הפיסקה המתאימה!
פיסקת הברירת מחדל שאחראית על הCLASS נראית כך:

.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

שימו לב שיש תבניות שבראש הפיסקאות בקובץ הCSS יש נקודה. או את סימן הסולמית #.
כמו שאנחנו שמים לב כאן רוחב הרוחב שלנו נקבע על 450px שזה מה שהתבנית מאפשרת לאחר הצגת הסרגל הצדדי.
כעת נצטרך ליצור פיסקה חדשה בקובץ העיצוב שלנו שתכיל את הCLASS החדש שלנו שבמקרה הזה קראנו לו "fullwidth"


.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

.fullwidth {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}

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

width: auto;

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

בחירת העמוד המותם אישית

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

אודות הכותב

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