Old

WordPress 3.4新的Custom Backgrounds和Custom Headers方法

今天收到 WordPress 官方邮件通知,WordPress 3.4 会用新的方法实现 Custom Backgrounds(自定义背景)和 Custom Headers(自定义头部-一般是图片),老方法可以继续使用但不提倡。

Custom Backgrounds

原来的方法:

add_custom_background();

新的方法:

add_theme_support( 'custom-background' );

新方法加了数组参数,定义更容易:add_theme_support( 'custom-background', $args ),$args 默认参数如下:

$defaults = array( 
	'default-image' => '', //默认背景图片
	'default-color' => '', //默认背景颜色
	'wp-head-callback' => '_custom_background_cb', //回调函数
	'admin-head-callback' => '',
	'admin-preview-callback' => ''
)

现在定义默认背景图片和颜色变得非常简单:

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

Custom Headers

老方法:

// Define default header image constant
define( 'HEADER_IMAGE', get_template_directory_uri() . '/images/headers/default.jpg' );
// Define header image width constant
define( 'HEADER_IMAGE_WIDTH', 1000 );
// Define header image height constant
define( 'HEADER_IMAGE_HEIGHT', 198 );
// Define header text constant
define( 'NO_HEADER_TEXT', false );
// Define header text color constant
define( 'HEADER_TEXTCOLOR', '000' );
// Turn on random header image rotation by default.
// Requires HEADER_IMAGE to be null
add_theme_support( 'custom-header', array( 'random-default' => true ) );

// Add Theme support
add_custom_image_header( $wphead_cb, $adminhead_cb, $adminpreview_cb );

新方法:

add_theme_support( 'custom-header', array(
	// Header image default
	'default-image'			=> get_template_directory_uri() . '/images/headers/default.jpg',
	// Header text display default
	'header-text'			=> false,
	// Header text color default
	'default-text-color'		=> '000',
	// Header image width (in pixels)
	'width'				=> 1000,
	// Header image height (in pixels)
	'height'			=> 198,
	// Header image random rotation default
	'random-default'		=> false,
	// Template header style callback
	'wp-head-callback'		=> $wphead_cb,
	// Admin header style callback
	'admin-head-callback'		=> $adminhead_cb,
	// Admin preview style callback
	'admin-preview-callback'	=> $adminpreview_cb
) );

现在参数定义更简单,对比一下新旧参数:

HEADER_IMAGE		=> 'default-image'
HEADER_IMAGE_WIDTH	=> 'width'
HEADER_IMAGE_HEIGHT	=> 'height'
NO_HEADER_TEXT		=> 'header-text'
HEADER_TEXTCOLOR	=> 'default-text-color'

下面是完整的参数参考:

$defaults = array(
	'default-image' => '',
	'random-default' => false,
	'width' => 0,
	'height' => 0,
	'flex-height' => false,
	'flex-width' => false,
	'default-text-color' => '',
	'header-text' => true,
	'uploads' => true,
	'wp-head-callback' => '',
	'admin-head-callback' => '',
	'admin-preview-callback' => '',
);

看来下次升级主题时就要更新这个了。

英文好的朋友还是去看原文:传送门 >

zww
or
oooo

声明: 除非注明,ZWWoOoOo文章均为原创,转载请以链接形式标明本文地址
本文地址: http://zww.me/archives/25614

37 comments

  1. Normal Normal Firefox 3 Firefox 3 Windows 7 Windows 7

    沙花~~
    正在看你的文章,刚好发现你更新了。正在折腾你的主题。。很郁闷。。

    沙发
  2. Dick_Wu Dick_Wu Google Chrome 19 Google Chrome 19 Windows 7 Windows 7

    看来z大的几个主题都要升级了~

    板凳
  3. Louis Han Louis Han Firefox 11 Firefox 11 Windows 7 Windows 7

    新版的一个函数就搞定了

    地板
  4. ......
  5. 冲锋衣 冲锋衣 Firefox 11 Firefox 11 Windows 7 Windows 7

    这个比较期待的。

    21楼
  6. 策划书 策划书 Firefox 11 Firefox 11 Windows 7 Windows 7

    博主是典型的wordpress高手啊

    22楼
  7. 昊云 昊云 Firefox 11 Firefox 11 Windows Server 2003 Windows Server 2003

    wp3.4神马时候出来呀

    23楼
  8. stone crusher stone crusher Google Chrome 18 Google Chrome 18 Windows 7 Windows 7

    已经更新到3.3.2了,应该快带3.4了吧

    24楼

Leave a Reply