מבוא
אם אתה חדש ב־WordPress, ייתכן שאתה תוהה מדוע כדאי לך ליצור ערכת עיצוב בת. ובכן, ישנן כמה סיבות לכך; החשובה שבהן היא שאם תחולל שינויים בקובצי ערכת העיצוב ישירות וערכת העיצוב תעודכן, תאבד את השינויים הללו.
יצירת ערכת עיצוב בת אינה מדע טילים. כל שעליך לעשות הוא ליצור ספריית ערכת עיצוב בת בתוך תיקיית ערכת העיצוב, להוסיף אליה את הקבצים style.css ו־functions.php, ולהוסיף את קובץ תצורת השפה. במדריך זה נסביר בפירוט כיצד ליצור ערכת עיצוב בת רב־לשונית עבור ערכת העיצוב Genesis כדוגמה. ניתן לבצע את אותם השלבים כדי ליצור ערכת עיצוב בת עבור ערכות עיצוב אחרות.
שלבים
- צור ספריית ערכת עיצוב בת, שתמוקם ב־wp-content/themes. כמה דברים שכדאי לשים לב אליהם:
- מומלץ להוסיף את הסיומת "-child" לשם של ספריית ערכת עיצוב הבת שלך.
- אל תכניס רווחים בעת מתן שם לספריית ערכת עיצוב הבת שלך, מכיוון שהדבר עלול ליצור שגיאות. ראה את האיור הבא.
- צור גיליון סגנונות עבור ערכת עיצוב הבת (הקובץ style.css); קובץ זה ימוקם בתוך תיקיית ערכת עיצוב הבת שיצרת. גיליון הסגנונות חייב להתחיל בכותרת גיליון הסגנונות, המכילה מידע כגון שם ערכת עיצוב הבת, ה־URL של ערכת עיצוב הבת, תיאור, ותבנית (Template) וכו').
שים לב שעבור ערכת העיצוב Genesis לא מומלץ לייבא את הקובץ style.css מ־Genesis Framework מכיוון שהם משנים את העיצוב מעת לעת. במקום זאת, תוכל להוריד את ערכת עיצוב הבת Genesis Sample הזמינה מהחשבון שלך ובכתובת https://github.com/copyblogger/genesis-sample
היא נראית בדיוק כמו Genesis, אך ניתן להשתמש בה ללא ייבוא גיליון הסגנונות של ערכת עיצוב האם מכיוון שהיא כוללת אחד כזה. עבור ערכות עיצוב אחרות, תוכל לעקוב אחר השלבים שסופקו כדי להוסיף את גיליון הסגנונות לערכת עיצוב הבת שלך. ראה את הדוגמה הבאה.
/* Theme Name: Genesis Child Description: Child Theme for Genesis Author: XYZ Template: genesis Text Domain: genesis */
החלף את טקסט הדוגמה בפרטים הרלוונטיים לערכת העיצוב שלך. כמה דברים שחשוב לציין כאן:
- שורת ה־template תואמת לשם הספרייה של ערכת עיצוב האם.
- מומלץ להוסיף את ה־text domain של ערכת העיצוב שלך, המשמש לציון כל הטקסט השייך לערכת העיצוב.
- כעת, הגיע הזמן לרשת את הסגנונות מערכת עיצוב האם. ניתן לעשות זאת על ידי יצירת הקובץ functions.php בתוך ספריית ערכת עיצוב הבת; לאחר מכן, העתק והדבק את הקוד שלמטה.
<?php
function custom_enqueue_child_theme_style() {
wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'custom_enqueue_child_theme_style' );
- בשלב זה, תוכל להפעיל את ערכת עיצוב הבת שלך על ידי ניווט אל לוח הבקרה של WordPress >> עיצוב >> תבניות.
- הוסף קובץ תצורת שפה לערכת עיצוב הבת שלך, תוכל להוריד קובץ תצורת שפה לדוגמה כאן ולמקם אותו בספריית ערכת עיצוב הבת. קובץ תצורת השפה משמש לציון מה שצריך לתרגם בערכת העיצוב. קרא על קובץ תצורת שפה. שים לב שתצטרך למחוק את קובץ תצורת השפה של ערכת עיצוב האם שלך ולשמור את זה של ערכת עיצוב הבת, מכיוון ששמירת שני הקבצים תיצור שגיאות. כעת, ספריית ערכת עיצוב הבת שלך אמורה להיראות בערך כך.
סיכום
ערכות עיצוב בת מאפשרות לך לחולל שינויים בערכת העיצוב שלך מבלי לשנות את ערכת עיצוב האם, מה שישמור על הקוד שלך מאורגן וימנע מעדכוני ערכות עיצוב לשנות את ההתאמות שלך. על ידי מעקב אחר ההוראות במדריך זה, תוכל ליצור ערכת עיצוב בת בתוך דקות ספורות.
