הרחבת קוד ההתאמה האישית של WordPress Theme

  1. 1. מבוא להתאמה אישית של נושא ה- WordPress
  2. 2. אינטראקציה עם Customizer WordPress Theme
  3. 3. לוח הדוד בהתאמה אישית של WordPress Theme
  4. 4. כרגע קורא: הרחבת קוד ההתאמה האישית של WordPress Theme
  5. 5. לוח הדוד בהתאמה אישית של נושא – אפשרויות מותנות, ערכות נושא ותוספים לילד

חלק 3 של סדרת Customizer Theme הציג בפניכם את תבנית הדוד Customizer Theme המאפשרת לכם לפשט קוד שמטפל באפשרויות העיצוב שלכם. כל שעליך לעשות הוא להעביר מערך של שדות אופציות ותבנית הדוד תדאג לרישום חלקים, הגדרות ושליטה של ​​Custom Custom Theme עבורך מאחורי הקלעים..


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

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

מתחבר לדוד המותאם אישית של נושא

ישנם מספר ווים לפעולה ולסינון ב- Boilerplate המותאם אישית של נושא ה- WordPress. אתה יכול להתחבר לכל אחד מהם מקובץ הפונקציות.php של העיצוב שלך באמצעות add_action ו add_filter פונקציות:

  • ‘Thsp_cbp_directory_uri’ – וו סינון המוגדר ב helpers.php, מאפשר לך לשנות את המיקום של לוח התאמה אישית בהתאמת העיצוב שלך. כברירת מחדל, נתיב פלטת הדוד נראה כך – get_template_directory_uri (). ‘/ Customizer-boilerplate’ – אבל אם אתה מעדיף להעביר אותו למיקום מותאם אישית, זה הוו שיכול לעזור לך.
  • ‘Thsp_cbp_menu_link_text’ – וו סינון המוגדר ב- helpers.php, מאפשר לך לשנות קישור טקסט לתפריט. Boilerplate מוסיף קישור תחת מראה בלוח המחוונים של וורדפרס, ומאפשר למשתמשים גישה נוחה להתאמה אישית של נושא. כברירת מחדל, קישור זה יגיד “Customized Theme” ותוכל לשנות את הטקסט באמצעות וו המסנן ‘thsp_cbp_menu_link_text’.
  • ‘Thsp_cbp_capability’ – וו סינון מוגדר ב helpers.php. מאפשר לך לשנות את יכולת ברירת המחדל המשמשת בשיטת $ wp_customize-> add_setting.
  • ‘Thsp_cbp_option’ – וו סינון מוגדר ב helpers.php. אם אתה משתמש ב’אפשרות ‘בטיעוני ההגדרות שלך, השתמש בוונג זה כדי לשנות את שם הערך שערכי הגדרות הנושא שלך יאוחסנו תחת בטבלת wp_options. ערך ברירת המחדל הוא ‘thsp_cbp_theme_options’, וודא שאתה מתחבר לערך זה ומשנה אותו למשהו שיש בו שם הנושא שלך..
  • ‘Thsp_cbp_options_array’ – וו סינון המוגדר באופציות .php, עליכם להתחבר אליו ולהחליף את מערך אפשרויות ברירת המחדל (המכיל אפשרויות לדוגמה) באפשרויות המשמשות בעיצוב שלכם. אני אחזור על זה, אוגש בזה ואדגיש את זה: יעליכם להתחבר אליו ולהחליף את מערך אפשרויות ברירת המחדל באפשרויות המשמשות בעיצוב שלכם.
  • ‘Thsp_cbp_custom_controls’ – וו פעולה שמוגדר ב- custom-controls.php, על ידי חיבור לתוכו אתה יכול ליצור פקדים מותאמים אישית משלך, להמשיך לקרוא כדי לראות דוגמה כיצד לעשות זאת.
  • ‘Tshp_cbp_ remove_sections’‘Tshp_cbp_remove_controls’ ו ‘Tshp_cbp_remove_settings’ – ווים לסנן המוגדרים ב- customizer.php. אתה יכול להעביר להם מערכים של מזהי מדורים מובנים (או מזהים שליטה או מזהי הגדרות) כדי להסיר חלק מהקטעים, הפקדים או ההגדרות המובנים.

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

פקדים מותאמים אישית

הגירסה המעודכנת של Customizer Theme (שרק בדקת, נכון?) כוללת כמה פקדים נוספים שבהם אתה יכול להשתמש – שדה טקסטריה, שדה מספר HTML5 ושדה תמונות, שהוא בעצם גרסה מהודרת של לחצני רדיו..

פקדים מותאמים אישית אלה מוגדרים ב custom-controls.php, לא אעבור על כולם כאן, אבל בואו נסתכל על אחד (שדה מספר HTML5) כדי לראות איך הכל עובד:

/ **
* יוצר בקרת התאמה אישית עבור שדה קלט [סוג = מספר]
*
* @since Theme_Customizer_Boilerplate 1.0
* /
class CBP_Customizer_Number_Control מרחיב WP_Customize_Control {

סוג $ ציבורי = 'מספר';

פונקציה ציבורית render_content () {
הד '';
}

}

כפי שאתה יכול לראות, כל מה שאתה צריך לעשות זה להגדיר סוג בקרה חדש של $ ופונקציית ה- render_content שלו שמוצאת את הפקד במסך Customizer Theme..

שימוש בפקדים המותאמים אישית של Boilerplate המותאמים אישית

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

  • שדה מספר – ‘מספר’
  • שדה טקסטריה – ‘טקסטריה’
  • תמונות הפועלות ככפתורי רדיו – ‘תמונות_ראדיו’, הנה דוגמה לשליטה זו בחינם בקרוב נושא קזואלה:

לוח מותאם אישית של נושא

לדעת שמות של סוגי בקרות חדשים אלה, להוסיף אחד מהם קל. כך תוכלו להוסיף בקרת שדה מספר למערך המכיל את כל האפשרויות שלכם:

/ *
* ============
* ============
* שדה מספר
* ============
* ============
* /
'new_number_field' => מערך (
'setting_args' => מערך (
'default' => '',
'type' => 'אפשרות',
'capability' => $ thsp_cbp_capability,
'transport' => 'רענן',
),
'control_args' => מערך (
'label' => __ ('מספר', 'my_theme_textdomain'),
'type' => 'מספר', // בקרת טקסטריה
'עדיפות' => 8
)
)

הערה: אם אינך בטוח איפה להוסיף את זה, סמן את הקטע “שימוש במערך אפשרויות להוספת מדורי התאמה אישית, הגדרות ובקרות” בחלק 3 בסדרה זו. כמו כן, יש דוגמה עבור כל אחת מהבקרות המותאמות אישית בקובץ option.php.

הוספת פקדים מותאמים אישית משלך

נחזור אל וו הפעולה ‘thsp_cbp_custom_controls’ שציינתי קודם:

/ **
* וו פעולה המאפשר לך ליצור בקרות משלך
* /
do_action ('thsp_cbp_custom_controls');

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

אם אי פעם תצטרך להוסיף פקדים מותאמים אישית משלך, כך תוכל לעשות זאת:

פונקציה my_theme_add_customizer_boilerplate_control () {
/ **
* יוצר שליטה בהתאמה אישית לשימוש עם תבנית המותאם אישית של נושא המותאם אישית
* השתמש בקידומת כיתתית ייחודית!
*
* @since Theme_Customizer_Boilerplate 1.0
* /
class CBP_Customizer_My_Control מרחיב WP_Customize_Control {

public $ type = 'my_type'; // תשנה את זה

פונקציה ציבורית render_content () {
// פלט השליטה עובר לכאן
}

}
}
add_action ('thsp_cbp_custom_controls', 'my_theme_add_customizer_boilerplate_control');

דאג להקדים קידומת של קבוצת השליטה המותאמת אישית שלך למשהו ייחודי, כך ששמו לא יתנגש עם מחלקה אחרת. השתמשתי ב- ‘CBP_’ (Customizer Boilerplate) – מכיוון שאתה משתמש בכלי הדוד בעיצוב, שם הנושא שלך הגיוני מאוד וצריך לעבוד טוב בשבילך.

התאמה אישית של נושא: מה הבא?

כעת, כאשר לוח הדוד להתאמה אישית של WordPress Theme ניתן להרחבה דרך ווים, אנו נסתכל להוסיף “אפשרויות נושא מותנות” – כאלה שיופיעו רק אם תוסף מסוים פעיל ויעזרו לכם לשמור על המסך המותאם אישית של נושא..

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map