אינטראקציה עם Customizer WordPress Theme

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

בחלק 1 בסדרת Customizer Theme WordPress ציינתי שכדי לקיים אינטראקציה עם Theme אתה צריך לטעון $ wp_ התאמה אישית אובייקט, שהוא מופע של WP_ Customize_Manager מעמד. לשם כך עליך להשתמש התאמה אישית_הרשם וו פעולה:


add_action ('customize_register', 'my_theme_customize_register');
פונקציה my_theme_customize_register ($ wp_customize) {

// אינטראקציה עם אובייקט $ wp_customize

}

אתה יכול להציב קוד זה בפונקציות של העיצוב שלך .php או בקובץ הכלול ממנו.

הוספה או הסרה של רכיבי Custom Theme (קטעים, הגדרות ובקרות)

ברגע שהעמסת $ wp_ התאמה אישית אתה יכול להשתמש באחת מהשיטות שלו להוסיף, לקבל או להסיר הגדרות, פקדים וחתכים בתוכו (add_setting, get_setting, remove_setting, add_control … אתה מבין את הנקודה).

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

$ wp_customize-> remove_section ('צבעים');

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

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

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

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

הדבר הראשון להוסיף להתאמה אישית של נושא הוא החלק “פריסה”:

$ wp_customize-> add_section (
// תעודת זהות
'פריסה_סעיף',
// מערך טיעונים
מערך (
'title' => __ ('פריסה', 'my_theme'),
'capability' => 'edit_theme_options',
'description' => __ ('מאפשר לך לערוך את פריסת העיצוב שלך.', 'my_theme')
)
);

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

$ wp_customize-> add_setting (
// תעודת זהות
'my_theme_settings [layout_setting]',
// מערך טיעונים
מערך (
'default' => 'סרגל צד ימין',
'type' => 'אפשרות'
)
);
$ wp_customize-> add_control (
// תעודת זהות
'פריסת_שליטה',
// מערך טיעונים
מערך (
'type' => 'רדיו',
'label' => __ ('פריסת נושא', 'my_theme'),
'section' => 'layout_section',
'אפשרויות' => מערך (
'left-sidebar' => __ ('סרגל צד שמאל', 'my_theme'),
'right-sidebar' => __ ('סרגל צד ימין', 'my_theme')
),
// האחרון צריך להתאים לזהות ההגדרה מלמעלה
'settings' => 'my_theme_settings [layout_setting]'
)
);

בהנחה שקראתם את דפי ההדרכה ו / או הקודקס של אלכס, יש רק פרמטר אחד במערך הארגומנטים של add_setting – ‘סוג’ – שאני רוצה להתמקד בו. יש לך כאן שתי אפשרויות ‘אפשרות’ ו- ‘נושא_מוד’ ותוכלו לאחזר אותן באמצעות get_option ו get_theme_mod, בהתאמה. אני תמיד משתמש ב’אפשרות ‘פשוט מכיוון שהיא מאפשרת לסדר את ערכי הגדרות הנושא שלך על ידי מתן מזהים כמו my_theme_settings [setting_1], my_theme_settings [setting_2] וכו ‘ככה כל הערכים יאוחסנו כערך מסד נתונים אחד בטבלת wp_options שלך.

ולבסוף, לאחר שהוספתם את שני קטעי הקוד האלה לתפקוד שהתחברתם אליהם התאמה אישית_הרשם וו פעולה (קטע קוד ראשון בפוסט זה), Custom Custom Theme הותאם אישית:

קטע חדש נוסף ל Custom Customization

קטע חדש שנוסף להתאמה אישית של ערכות נושא

שימוש בערכי הגדרות Customizer של ערכת הנושא שלך

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

add_filter ('body_classes', 'my_theme_body_classes');
פונקציה my_theme_body_classes (כיתות $) {

/ *
* מכיוון שהשתמשנו ב'אפשרות 'במערך הארגומנטים של add_setting
* אנו משיגים את הערך באמצעות פונקציית get_option
* /
$ my_theme_settings = get_option ('my_theme_settings');

$ מעמדות [] = $ my_theme_settings ['layout_setting'];

להחזיר שיעורים של $;

}

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

/ * סרגל הצד מימין הוא פריסת ברירת המחדל * /
#content {
לצוף: שמאל;
רוחב: 60%;
}
#sidebar {
לצוף: מימין;
רוחב: 30%;
}

/ * שימוש בכיתת סרגל הצד הימני כדי לבטל את פריסת ברירת המחדל * /
.סרגל שמאל # תוכן {
לצוף: מימין;
}
.סרגל שמאל # sidebar {
לצוף: שמאל;
}

והכי חשוב, בזכות Customizer Theme WordPress, המשתמשים יכולים להציג תצוגה מקדימה של שתי הפריסות לפני שהם חוסכים משהו. קח את זה, דפי הגדרות נושא!

סיכום וקריאה נוספת

TL; גרסת DR של הפוסט הזה תעבור כך: אתה יכול להשיג אובייקט $ wp_customize ואז להוסיף משהו (קטע, הגדרה או שליטה) אליו או להסיר ממנו. כל השאר מסתכם בפרמטרי ההגדרות.

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

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