王尘宇

在制造 Crazy uncle 的wordpress主题的时刻，不想到场庞杂的设置选项。。。由于这个wordpress主题实在是太甚简朴了。。。因而就从wordpress的表面自定义来着手了！须要进修的是wp_customize的运用，下面就直接贴代码吧，轻易今后运用！

1. //自定义logo

2. function puma_customize_register( $wp_customize ) {

3.     $wp_customize->add_section('header_logo',array(

4.         'title'     => '博主头像',

5.         'priority'  => 50

6.     ) );

7.     $wp_customize->add_setting( 'header_logo_image', array(

8.         'default'   => '',

9.         "transport" => "postMessage",

10.         'type'      => 'option'

11.     ) );

12.     $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'header_logo_image', array(

13.          'label'     => '博主头像',

14.          'section'   => 'header_logo'

15.     ) ) );

16. }

17. add_action( 'customize_register', 'puma_customize_register' );

18. 
    

19. //自定义博主形貌

20. 
    

21. function ms_customize_register( $wp_customize ) {

22.     $wp_customize->add_section('header_bzms',array(

23.         'title'     => '博主形貌',

24.         'priority'  => 50

25.     ) );

26.     $wp_customize->add_setting( 'header_bzms', array(

27.         'default'   => '',

28.         "transport" => "postMessage",

29.         'type'      => 'option'

30.     ) );

31.     $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'header_bzms', array(

32.          'label'     => '逼格首页的形貌笔墨',

33.          'section'   => 'header_bzms'

34.     ) ) );

35. }

36. add_action( 'customize_register', 'ms_customize_register' );

37. 
    

38. //自定义地点

39. function dz_customize_register( $wp_customize ) {

40.     $wp_customize->add_section('header_dzzb',array(

41.         'title'     => '地点坐标',

42.         'priority'  => 50

43.     ) );

44.     $wp_customize->add_setting( 'header_dzzb', array(

45.         'default'   => '',

46.         "transport" => "postMessage",

47.         'type'      => 'option'

48.     ) );

49.     $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'header_dzzb', array(

50.          'label'     => '逼格首页的地点坐标',

51.          'section'   => 'header_dzzb'

52.     ) ) );

53. }

54. add_action( 'customize_register', 'dz_customize_register' );

挪用就简朴了，直接

1. <?php echo get_option('header_bzms'); ?>

下面临wp_customize做个延长科普：

wordpress默许的Section

• title_tagline – Site Title & Tagline （网站标题和形貌）

• colors – Colors（色彩）

• header_image – Header Image （顶部图片）

• background_image – Background Image （背景图片）

• nav – Navigation （导航菜单）

• static_front_page – Static Front Page （静态首页）

Controller Class

• WP_Customize_Control() – 建立一个许可用户输入纯文本的控制器，也是下面要引见的class的parent class

• WP_Customize_Color_Control() – 建立一个许可用户从色轮中挑选色彩的色彩挑选器

• WP_Customize_Upload_Control() – 建立许可用户上传媒体文件的控制器

• WP_Customize_Image_Control() – 建立上传图片或从媒体库中挑选图片的控制器

• WP_Customize_Background_Image_Control() – 建立背景图片挑选器

• WP_Customize_Header_Image_Control() – 建立顶部背景图片挑选器