如何从WordPress中的小部件(侧边栏)控制标头图像

Question

这是我的目标：

我想通过小部件部分的后端（我在侧边栏下添加了一个图像）通过我使用WordPress创建的小部件来控制标题图像。

这是我的代码：

<?php
add_action( 'widgets_init', 'theme_slug_widgets_init' );
function theme_slug_widgets_init() {
    register_sidebar( array(
        'name' => __( 'Main Sidebar', 'theme-slug' ),
        'id' => 'sidebar-1',
        'description' => __( 'Widgets in this area will be shown on all posts and pages.', 'theme-slug' ),
        'before_widget' => '<div>',
        'after_widget'  => '</div>',
    ) );
}
?>

，在模板中，我将以这种方式称呼Sidbar：

<?php dynamic_sidebar( 'sidebar-1' ); ?>

到目前为止很好，但是如果我想做一些不同的事情，例如：

<header style="background-image: url(<?php dynamic_sidebar( 'sidebar-1' ); ?>)"></header>

这种方法的问题是Dynamic_sidebar函数将带有一些额外的标记调用整个<div>，但我的想法是仅调用动态侧栏中的图像。

有什么方法可以做到吗？

Answer 1

我建议您使用WordPress自定义API

您可以在定制器中添加设置，然后可以在任何地方致电：

    // Header Image.
    $wp_customize->add_setting('header_image', array( // header_image is your preferred name
        'default' => '',
        'transport' => 'refresh',
    ));
    $wp_customize->add_control( new WP_Customize_Media_Control( $wp_customize, 'header_image', array(
        'label' => __( 'header_image', 'your_theme' ),
        'section' => 'your_section',     // read more on what sections exist and how to implement them
        'mime_type' => 'image',
    )));

称其为：

$image_id = get_theme_mod( 'header_image', '' ); // get the image id
$image = wp_get_attachment_image_src( $image_id, 'full' );  // gets the image source