2012年04月07日 37条评论

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

“WordPress 3.4新的Custom Backgrounds和Custom Headers方法”有37条评论

  1. Normal says:

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

  2. Dick_Wu says:

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

  3. Louis Han says:

    新版的一个函数就搞定了

  4. 自己弄的主题没用过这东西

  5. 郑永 says:

    函数多一点好,呵呵

  6. Veezy says:

    我就是来打个酱油的,啥也没看懂。。。 :mrgreen:

  7. 王叨叨 says:

    3.4还更新了啥东西啊,大叔?

    1. zwwooooo says:

      @王叨叨
      具体不知,我不是beta版本控

  8. 何大爷 says:

    啥时候正式更新啊~~ :mrgreen:

  9. 集趣 says:

    又要升级程序了哦

    1. zwwooooo says:

      @集趣
      还要等等吧

  10. 对这个没兴趣,简约,简约,简约!!!

  11. axiu says:

    下次升级主题又要折腾了……

  12. 来琢磨琢磨。

  13. wmtimes says:

    3.4要出来了?

  14. 郑永 says:

    万戈那边谁用了你的头像留言,汗,还以为是你说的话。

    1. zwwooooo says:

      @郑永
      我帮朋友测试多说忘了撤掉,囧

    2. 郑永 says:

      @zwwooooo
      这么说还真是你本人了!

    3. zwwooooo says:

      @郑永
      对,帮一个朋友测试蛋疼的多说插件后中招了 - - 我讨厌这类插件。

  15. 看不懂,路过 :mrgreen:

  16. 我囧 我评论成功提示错误?

    1. zwwooooo says:

      @平板电脑推荐
      已经修正,感谢提醒! :mrgreen:

  17. :evil: :evil: 呵呵,英文垃圾

  18. 好久没有进后台了。。。

    1. zwwooooo says:

      @yesureadmin
      呵呵,专心博客。

  19. 回头草 says:

    期待着4.3,

  20. lorsxin says:

    您好,冒昧使用您的博客,请教您一个问题,关于评论分页显示+排序的问题。
    在后台设置由旧到新(形似1->10)
    假如有15条评论,每页5条。
    那么,每页以及显示顺序即是
    1->2->3->4->5
    6->7->8->9->10
    11->12->13->14->15

    这样看似没有问题,但如果是我想把最新的一条评论显示在最前面,即
    15->14->13->12->11
    10->9->8->7->6
    5->4->3->2->1

    即把后台的设置由新到旧。但出来的效果却是
    5->4->3->2->1
    10->9->8->7->6
    15->14-1>3->12->11

    有什么办法解决吗?
    ps.不小心点了评论框的邻居,你懂的。。

    1. zwwooooo says:

      @lorsxin
      你好像少了一个设置,默认显示“最后”一页,那个最后你看看是否正确。

    2. lorsxin says:

      @zwwooooo
      看了,还是一样。这应该是外国人的浏览习惯。
      不信你可以做个测试。

    3. zwwooooo says:

      @lorsxin
      很少人需要,懒得测试,自己总结。

发表评论

昵称 *

网址

B em del U Link Code Quote