יצירת תבנית בת בוורדפרס

מה זה תבניות בת ואיך עושים אותן

תבנית בת בוורדפרס (Child Themes)

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

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

איך עובדות תבניות בת (Child Themes) ?

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

הקובץ היחיד שנטען פעמיים הוא קובץ ה Function.php  שעליו נדבר מאוחר יותר.

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

יצירת תבנית בת בוורדפרס

אחרי שהבנו למה תבנית בת היא חשובה בואו נבין איך בכלל יוצרים תבנית בת . 

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

פתיחת תקייה לתבנית הבת

בשלב הראשון נפתח תיקייה עם שם התבנית + המילה child תחת תיקיית התבניות בוורדפרס.

 ברוב המקרים תיקיית התבניות יושבת בנתיב wp-content/themes . 

יצירת קובץ ה CSS לתבנית הבת 

 בתוך התיקיה שפתחנו ניצור קובץ בשם  Style.css  – הקובץ חייב להיות בשם הזה .  ובתוך הקובץ הזה צריך לרשום כמה דברים – שם התבנית והגדרה מה תבנית האב. בנוסף אפשר לרשום דברים נוספים כמו תגיות, שם היוצר, תיאור, גרסת התבנית  וכו . זה דוגמא לקוד לתבנית בת לסופרווב

See the Pen child css by henry (@superwebdigital) on CodePen.

מה שבאמת חשוב זה ה Theme Name שאומר לוורדפרס מה שם התבנית ואיך היא תוצג במערכת וה Template שמסביר לוורדפרס מי תבנית האב ומאיפה היא צריכה לשאוב את הנתונים  .

 

טעינת CSS של תבנית האב

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

See the Pen CHILD CSS by henry (@superwebdigital) on CodePen.

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

wp_enqueue_style( 'parent-rtl-style', get_template_directory_uri(). '/rtl.css' );

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

סיימנו – יש תבנית בת 

לאחר שסיימנו את שלושת הפעולות כל מה שנשאר לנו לעשות זה ללכת ללשונית התבניות ושם תראו את תבנית הבת שיצרתם ותוכלו להפעיל אותה . 

שינויים בתבנית הבת

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

כך בפעם הבאה שיהיה עדכון לתבנית – השינויים שעשינו לא ימחקו. 

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

Facebook
Google+
Twitter
LinkedIn
ספאמר בוורדפרס
טיפול בתגובות ספאם בוורדפרס

אם אתם משתמשים ותיקים בוורדפס כבר למדתם להכיר את תגובות הזבל שמקבלים באתר – רוב אתרי הוורדפרס מלאים בטפסים ובתגובות בצורה שלבוט קל מאוד לסרוק,

קרא עוד »
מה זה תבנית בת בוורדפרס
יצירת תבנית בת בוורדפרס

מה זה תבניות בת ואיך עושים אותן תבנית בת בוורדפרס (Child Themes) במאמרים הקודמים הסברנו על תבנית וורדפרס ומה היא יכולה לעשות ולמרות זאת יש

קרא עוד »
עריכת קבצי וורדפרס
עריכת קבצי וורדפרס

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

קרא עוד »
לוגו וורדפרס
מדריך וורדפרס למתחילים חלק ב

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

קרא עוד »
לוגו וורדפרס
מדריך וורדפרס למתחילים

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

קרא עוד »
3-superweb-blog