בונים ביחד תבנית וורדפרס – פרק 21

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

ניווט מהיר בין הפרקים:

מה זה תמונת תבנית ראשית?

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

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

 

כל שנותר לנו לעשות הוא להגדיר תמונת תבנית.

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

כפי שניתן לראות

  • לשאר התבניות יש תמונת פוסט מייצגת
  • לתבנית שלנו אין תמונת מייצגת!
  • תמונה ראשית היא מוצר נדרש
הדגמה של תמונת תבנית ראשית 01

איך מגדירים תמונת תבנית ראשית?

בכדי להגדיר תמונת פוסט ראשית אנו צריכים 2 דברים… הראשון – עורך תמונות כלשהו כגון Photoshop או Fireworks. והשני ידע להשתמש בהם (בצורה בסיסית זה מספיק). באופן אישי אני מכור לFireworks ולכן אדגים בעזרתו כיצד ניצור תמונת תבנית ראשית.

 

ניצור צילום מסך של דף הבית שלנו

  • נלך לדף הבית של האתר בו אנו בונים את התבנית
  • נלחץ על המקש F11 כדי לעבור למסך מלא.
  • נלחץ על המקש PrtScn כדי ליצור צילום מסך בקליפבורד

 

נגזור ונתאים את צילום המסך שלנו

  • נפתח את עורך הגרפיקה שלנו (אני עובד עם Fireworks)
  • ניצור תמונה חדשה ונדביק את צילום המסך שלנו
  • נגזור ונתאים את התמונה לגודל הרצוי (640-גובה על 450-רוחב)

 

נשמור ונטמיע!

  • נשמור את התמונה החדשה שלנו בשם screenshot.png
  • נעביר את התמונה screenshot.png לתיקיית התבנית שלנו
  • נרענן וסיימנו! תתחדשו – יש לכם תמונת תבנית.

 

הסתבכתם? הנה סרטון הדגמה של הפעולות

זכרו לבחור באיכות HD כדי לקרוא בקלות את ההערות.

סיימנו! מה בפרק הבא?

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

נודה לכם על כל פרגון בין אם כתגובה ובין אם LIKE מפרגן, +1 נדיב או טוויט משתף… כרגיל טופס התגובות כאן לרשותכם.

בברכה, שגיב SEO