ברוכים הבאים לחלק הרביעי במדריך "בונים ביחד תבנית וורדפרס". המדריך לבניית תבנית וורדפרס צובר תאוצה ואנו כבר מתקדמים אל עבר תבנית מלאה יותר. בחלק זה ניצור את התיקייה של התבנית אשר נבנה ביחד ואת קבצי הבסיס בתוכה.
רגע לפני – חשוב לקרוא! (כמעט דילגתם נכון?!)
רגע לפני שאנו יוצרים את התיקייה של התבנית החדשה אשר נבנה ביחד וגם את הקבצים בתוכה חשוב מאוד שתבינו את המבנה של וורדפרס מאחורי הקלעים והיכן נקמם את התיקייה של התבנית שלנו. קחו רגע להסתכל על המבנה של התיקיות ועל המסלול שאנחנו נמצאים בו. אנו ניצור תיקייה עבור התבנית שלנו בתוך התיקייה themes.
חשוב שלא לגעת נכון לעכשיו בשום קובץ אחר בתוך ההתקנה של וורדפרס כדי שלא תתמודדו עם תקלות או שגיאות לא צפויות… נסו להבין היטב את המיקום בו ניצור את התיקייה של התבנית החדשה שאנו בונים.
יוצרים קבצי בסיס בתבנית שלנו
שווה קריאה!
לא מזמן כתבנו מדריך מעולה אשר מפרט את סוגי הקבצים בתבנית וורדפרס ואת הפעולה שכל אחד מהם אחראי לה. סוגי קבצים בתבנית וורדפרס
מיישרים קו
- אם אתם לא שם אתם צריכים להיות בתוך התיקייה שיצרנו עבור התבנית. לשלי קראתי myFirstTheme (ראו תמונה)
- הפעלתם או שכבר קיימת אצלכם האפשרות לראות את סיומות הקבצים שאתם עומדים ליצור ואתם יודעים כיצד יוצרים קבצים (כפתור ימני, מסמך טקסט ואז משנים לו את הסיומת לקובץ הרצוי).
- מעתה אסור לסטות משמות הקבצים שאתן לכם… וורדפרס תחפש קבצים עם שמות ספציפיים לפעילות התקינה שלה כלומר הקובץ style.css לא יכול להקרא mystyle.css!
נתחיל עם יצירת תיקיות
אנא צרו את התיקיות הבאות בתוך תיקיית התבנית שיצרתם.
| סוג | שם | מידע נוסף |
|---|---|---|
| [iconimg name="folder" alt="תיקייה" classes=""] | images | תיקיה בה נאחסן את קבצי התמונות של התבנית |
| [iconimg name="folder" alt="תיקייה" classes=""] | css | תיקייה בה נאחסן קבצי עיצוב של הגדרות שלא נחיל בתוך style.css |
| [iconimg name="folder" alt="תיקייה" classes=""] | js | תיקייה אשר תכיל קבצי javascript בהם נשתמש בתבנית. |
| [iconimg name="folder" alt="תיקייה" classes=""] | lang | תיקייה אשר תכיל את קבצי התרגום מאנגלית לעברית. |
| [iconimg name="folder" alt="תיקייה" classes=""] | functions | תיקייה אשר תכיל פונקציות מיוחדות בשפת PHP. |
צעד שני, יצירת קבצים
כעת הזמן ליצור את הקבצים ההכרחיים לבניית התבנית.
| סוג | שם | מידע נוסף |
|---|---|---|
| [iconimg name="php" alt="דף PHP" classes=""] | index.php | דף הבית של התבנית ושל האתר כולו! |
| [iconimg name="php" alt="דף PHP" classes=""] | header.php | ראש המסמך אשר נטען לכל העמודים באתר |
| [iconimg name="php" alt="דף PHP" classes=""] | footer.php | תחתית המסמך אשר נטען לכל העמודים באתר. |
| [iconimg name="php" alt="דף PHP" classes=""] | functions.php | קובץ אשר מכיל פונקציות PHP וסניפטים של וורדפרס. |
| [iconimg name="php" alt="דף PHP" classes=""] | page.php | קובץ אשר יציג עמודים באתר. |
| [iconimg name="php" alt="דף PHP" classes=""] | single.php | קובץ אשר יציג פוסטים באתר. |
| [iconimg name="php" alt="דף PHP" classes=""] | category.php | קובץ אשר יציג קטגוריות. |
| [iconimg name="php" alt="דף PHP" classes=""] | archive.php | קובץ אשר יציג ארכיון כותב, ארכיון תאריך ותגים. |
| [iconimg name="css" alt="קובץ Css" classes=""] | style.css | קובץ אשר יכיל את כל ההגדרות העיצוביות של האתר. |
| [iconimg name="css" alt="קובץ Css" classes=""] | rtl.css | קובץ אשר יכיל תיקוני עיצוב עבור עברית. |
| [iconimg name="folder" alt="תיקייה" classes=""] | בתוך תיקיות ↓ | |
| [iconimg name="css" alt="קובץ Css" classes=""] | reset.css | בתוך התיקייה » css |
| [iconimg name="css" alt="קובץ Css" classes=""] | only-ie.css | בתוך התיקייה » css |
| [iconimg name="php" alt="דף PHP" classes=""] | templateTags.php | בתוך התיקייה » functions |
המבנה הבסיסי שלנו מוכן
עכשיו שיצרנו את מבנה התיקיות והקבצים של תבנית הוורדפרס אשר נבנה יחד אנחנו מוכנים לנוע קדימה. אני חייב להודות שכאשר אני בונה תבנית וורדפרס עבור לקוח יהיו לרוב הרבה יותר קבצים, פונקציות מורכבות ותוספים שונים אשר הטמעתי כבר באתרים עבור לקוחות אך לצורך המדריך זה בהחלט יספק.
בשיעור הבא נכין ביחד את התשתית העיצובית עבור התבנית שאנו עומדים לבנות. אנו נכין את הCSS הנדרש בצורה חכמה וגמישה כך שנוכל לבנות את התבנית שלנו בצורה מהירה ומקצועית
אתם מוזמנים להרשם אל רשימת התפוצה שלנו כך שתקבלו עדכון בעת פרסום החלק הבא של המדריך "בונים ביחד תבנית וורדפרס"… בברכה, שגיב SEO
10 תגובות