דף הבית » חדשות ועדכונים, טריקים וטיפים

וורדפרס 3.4: עדכון קוד של צבע רקע ותמונת כותרת

15 במאי 2012 | מאת רמי | 3 תגובות | תגיות:

וורדפרס 3.4 משנה את האופן בו ערכות עיצוב משתמשות בתמונת כותרת וצבע רקע. אם בעבר נדרשנו להשתמש בפונקציות add_custom_background() וכן add_custom_image_header() הרי שמגרסה 3.4 נשתמש בפונקציה add_theme_support() המרכזת את כל מאפייני התבנית.

צבע רקע

השיטה הישנה

add_custom_background();

השיטה החדשה

add_theme_support( 'custom-background' );

הגדרות נוספות בשיטה הישנה

add_custom_background();

$custom_background_settings = array(
    'default-color' => '000',
    'default-image' => get_template_directory_uri() . '/images/background.jpg'
);
add_theme_support( 'custom-background', $custom_background_settings );

הגדרות נוספות בשיטה החדשה

$custom_background_settings = array(
    'default-image'          => get_template_directory_uri() . '/images/background.jpg',
    'default-color'          => '000',
    'wp-head-callback'       => '_custom_background_cb',
    'admin-head-callback'    => '',
    'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $custom_background_settings );

תמונת כותרת

השיטה הישנה

add_custom_image_header();

השיטה החדשה

add_theme_support( 'custom-header' );

הגדרות נוספות בשיטה הישנה

define( 'HEADER_IMAGE', get_template_directory_uri() . '/images/header.jpg' );
define( 'HEADER_IMAGE_WIDTH', 1000 );
define( 'HEADER_IMAGE_HEIGHT', 198 );
define( 'NO_HEADER_TEXT', false );
define( 'HEADER_TEXTCOLOR', '000' );
add_theme_support( 'custom-header', array( 'random-default' => true ) );

add_custom_image_header( $wphead_cb, $adminhead_cb, $adminpreview_cb );

הגדרות נוספות בשיטה החדשה

$custom_header_settings = array(
    'default-image'         => get_template_directory_uri() . '/images/header.jpg',
    'header-text'           => false,
    'default-text-color'    => '000',
    'width'                 => 1000,
    'height'                => 198,
    'random-default'        => false,
    'wp-head-callback'      => $wphead_cb,
    'admin-head-callback'   => $adminhead_cb,
    'admin-preview-callback'=> $adminpreview_cb
);
add_theme_support( 'custom-header', $custom_header_settings );

תמונת כותרת בפרופורציות משתנות

גרסה 3.4 מציגה חידוש נוסף שקשור לתמונת הכותרת – פרופורציות משתנות. כלומר הגובה והרוחב של תמונת הכותרת לא נקבע על ידי יוצרי ערכות העיצוב דרך הקוד אלא על ידי בעל האתר מתוך ממשק הניהול.

// Add support for flexible headers
$custom_header_settings = array(
    'flex-height'   => true,
    'height'        => 200,
    'flex-width'    => true,
    'width'         => 950,
    'default-image' => get_template_directory_uri() . '/images/header.jpg',
);
add_theme_support( 'custom-header', $custom_header_settings );

לצורך כך יהיה עלינו לשנות גם את הקובץ header.php ולעדכן את הקוד הישן:

<img src="<?php header_image(); ?>" alt=""
 width="<?php echo HEADER_IMAGE_WIDTH; ?>"
 height="<?php echo HEADER_IMAGE_HEIGHT; ?>" />

בקוד החדש הבא:

<img src="<?php header_image(); ?>" alt=""
 height="<?php echo get_custom_header()->height; ?>"
 width="<?php echo get_custom_header()->width; ?>" />

מאפייני תבנית

שימו לב שהגישה בוורדפרס 3.4 בכל הקשור למאפייני התבנית משתנה, ישנה האחדה של המאפיינים השונים. במקום להשתמש בפונקציות יעודיות שונות לכל אחד מהמאפיינים, מעתה מגדירים את כל המאפיינים דרך פונקציה אחת – add_theme_support().

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

3 תגובות »

  • Yakir Sitbon כותב :

    אם אני לא טועה, אבל הקוד האחרון תומך ב-PHP-5.4 והלאה.

  • ניר כותב :

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

  • רמי כותב :

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

הוסף תגובה !

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

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>