我们可以做到!首先,您需要在主题定制器上添加一个自定义部分,其中包含所有图像上载(本例中我们将使用3):
add_action( \'customize_register\', \'themename_customize_register\' );
function themename_customize_register($wp_customize) {
$wp_customize->add_section( \'slides\', array(
\'title\' => \'Slides\',
\'priority\' => 25,
) );
$wp_customize->add_setting( \'first_slide\', array(
\'default\' => \'\',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, \'first_slide\', array(
\'label\' => \'First Slide\',
\'section\' => \'slides\',
\'settings\' => \'first_slide\',
) ) );
$wp_customize->add_setting( \'second_slide\', array(
\'default\' => \'\',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, \'second_slide\', array(
\'label\' => \'Second Slide\',
\'section\' => \'slides\',
\'settings\' => \'second_slide\',
) ) );
$wp_customize->add_setting( \'third_slide\', array(
\'default\' => \'\',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, \'third_slide\', array(
\'label\' => \'Third Slide\',
\'section\' => \'slides\',
\'settings\' => \'third_slide\',
) ) );
}
使用该代码将添加一个新的部分,其中包含3个文件上载。目前,我们只使用图像。稍后,您可以返回并添加描述、目标URL等。一旦您上载了三张幻灯片,您所需要做的就是在模板中调用它们。
使用函数调用主题选项非常简单get_theme_mod(). 例如,要调用第一张幻灯片,只需使用:
echo get_theme_mod(\'first_slide\')
所以,如果您想在主页上放置一个滑块,您可以打开索引。php并添加如下标记:
<ul class="slider">
<li><img src="<?php echo get_theme_mod(\'first_slide\') ?>" height="" width=""></li>
<li><img src="<?php echo get_theme_mod(\'second_slide\') ?>" height="" width=""></li>
<li><img src="<?php echo get_theme_mod(\'third_slide\') ?>" height="" width=""></li>
</ul>
当然,您仍然需要大量的CSS和JS来制作实际的滑块,但这是使用主题定制器上载、存储和调用图像的基础。
如果您还不太清楚,Otto已经对其他功能做了完美的介绍:http://ottopress.com/2012/how-to-leverage-the-theme-customizer-in-your-own-themes/