איך מייצרים תבנית בת בוורדפרס ?

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

תבנית הילד (Child Theme) יורשת את המאפיינים של תבנית האם. ניתן להתאים את הקוד שלה מבלי לשבור את הפונקציונליות של המקור ועל ידי כך לשמור על תבנית הבת במקרה של שדרוגים.

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

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

כפי שכתבתי, תבנית הבת נשמרת בספרייה נפרדת, יש לה קבצי style.css ו functions.php משלה.
 ניתן להוסיף קבצים אחרים לפי הצורך, אך שני אלה הם המינימום היחיד הדרוש כדי שתבנית הבת תפעל כראוי.

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

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

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

1. כנסו ללוח הבקרה ובחרו ב File Manager.

2. אתרו את התיקייה Public_html בחרו wp-content ואז תיקיית Themes

3. צרו תיקייה חדשה ששמה: שם תבנית האם ותוספת המילה child, הכל באנגלית כמובן.
  לדוגמה Twenty Seventeen-child.

4. בתוך התיקייה הזו צרו קובץ בשם style.css וכתבו בו את הקוד הבא (עם השמות שלכם):

שנו את כל ההגדרות בהתאם להגדרות שלכם ושימו לב במיוחד להגדרת התבנית שלכם כי הגדרה זו תנחה את וורדפרס להבין מי תבנית בת של אותה תבנית האם.
 

5. שמרו וצאו חזרה לתיקייה שיצרתם.

6. צרו קובץ נוסף בשם functions.php וכתבו בו את הקוד הבא:

7. גשו למסך הניהול של אתרכם, בחרו בתבניות ובצעו אקטיבציה (הפעלה) לתבנית הבת שזה עתה יצרתם.

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

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

 כדי לבצע שינויים בקוד ניגש ל עיצוב – עריכת תבניות.

שימו לב שהמערכת תזהיר כי אנו נכנסים לאזור קוד.

בדף שיפתח לפניכם חשוב מאוד שתשימו לב כי אתם עורכים קוד בתבנית הבת וכי אתם נמצאים באזור ה style.css:

היות ויצרנו קובץ Functions בנוסף לקובץ העיצוב, נוכל לשנות גם תכונות מתקדמות יותר באתר שלנו.

שימו לב שאתם עוברים לאזור ה Functions בדף וכתבו שם את הקוד.

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

רוב בוני האתרים בוורדפרס, בחרו בפלטפורמה מאחר והם לא רוצים להתעסק עם הקוד או עם תכנות. לאלה יש שלל אפשרויות גם לשליטה ב CSS של התבנית באזור "התאמה אישית" וגם לא מעט תוספים שמייצרים תבניות בת.

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

לתוסף שיעשה עבורכם את העבודה קוראים Child Theme Configurator והוא פשוט מאוד לתפעול.

1. הורידו את התוסף.

2. בצעו הפעלה שלו.

3. גשו במערכת הניהול של האתר ל כלים – Child Themes

4. בחרו את התבנית שלה תרצו לבנות תבנית בת

5. תנו לה שם (הוספת child).

6. לחצו

היי, לא לדאוג.....

נשמע כמו ג'יבריש ?

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

צרו עימי קשר (מבטיחה לא לשלוח ספאם).....