כיצד לבנות ערכת נושא בוורדפרס

בפוסט הבא נעבור על המבנה הדיפולטי של וורדפרס ונסביר
את עקרונות הבסיס של ערכות הנושא,בנוסף נראה כיצד ניתן להמיר
עמוד HTML סטאטי תבניתי לערכת נושא מן השורה.
לא נידרש ידע מוקדם בPHP מה שכן ידע בפוטושופ וCSS הוא הכרחי
על מנת ליצור ערכת נושא משלך.

1.ברירת המחדל
לפני שנתחיל נעבור על המבנה הדיפולטי,שימו לב לאלמנטים (האדר,כותרת הפוסט,שדה חיפוש,תפריט ניווט,סיומת עמוד (footer)וכו’.

עמוד ראשי (index.php)

עמוד יחיד (Single.php)

2.פוטושופ מוקאפ
בהתאם למבנה שראינו כעת עלינו ליצור בפוטושופ מוקאפ בהתאם למבנה התבניתי של וורדפרס,
לצורך ההדגמה נשתמש בעיצוב קיים בשםGlossyBlue ,ניתן להורדה בקישור הבא: demo.zip

3.HTML+CSS
לאחר שקובץ הPsd מוכן,צור עמוד סטאטי html עבור כל עמוד.ניתן להשתמש בתבנית שצירפנו מעלה,בהמשך נשתמש בדפים אלו על מנת ליצור ערכת נושא.

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

כיצד ערכת נושא עובדת
גש אל תיקיית ברירת המחדל של ערכת הנושא הנמצאת בנתיב (wp-content/themes/default) בתיקייה זו מופיעים דפי php רבים הנקראים template file ועמוד style.css יחיד.
כאשר עמוד page מוצג, למעשה וורדפרס משתמש בקבצי template רבים כדי לחולל את העמוד (index.php << header.php, sidebar.php, and footer.php).

לפרטים נוספים,בדוק את הקישורים הבאים: Site Architecture, Template Hierarchy.

שכפל את קבצי הtemplate
העתק את תיקיית הhtml של של תבנית ה GlossyBlue אל wp-content/themes , לאחר מכן גש אל ערכת הנושא “default” העתק את comments.php ואת searchform.php אל תיקיית ה glossyblue.

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

כתיבת תגובה

האימייל לא יוצג באתר.

to top