在制造 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. function ms_customize_register( $wp_customize ) {

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

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

  22.         'priority'  => 50

  23.     ) );

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

  25.         'default'   => '',

  26.         "transport" => "postMessage",

  27.         'type'      => 'option'

  28.     ) );

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

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

  31.          'section'   => 'header_bzms'

  32.     ) ) );

  33. }

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


  35. //自定义地点

  36. function dz_customize_register( $wp_customize ) {

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

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

  39.         'priority'  => 50

  40.     ) );

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

  42.         'default'   => '',

  43.         "transport" => "postMessage",

  44.         'type'      => 'option'

  45.     ) );

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

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

  48.          'section'   => 'header_dzzb'

  49.     ) ) );

  50. }

  51. 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() – 建立顶部背景图片挑选器