更改子主题中的标题横幅维度

时间:2016-07-07 作者:Khue

我在运行WP 4.5.3的网站上使用了213Child主题。我想将标题横幅尺寸更改为900x480。

我的twentythirteen-child/functions.php:

<?php
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );

}


// remove default action from Twenty Twelve
/*remove_action( \'after_setup_theme\', \'twentythirteen_custom_header_setup\' );*/

function twentythirteenchild_custom_header_setup() {
    $args = array(
        // Text color and image (empty to use none).
        \'default-text-color\'     => \'220e10\',
        \'default-image\'          => \'%s/images/headers/circle.png\',

        // Set height and width, with a maximum value for the width.
        \'height\'                 => 480,
        \'width\'                  => 900,

        // Callbacks for styling the header and the admin preview.
        \'wp-head-callback\'       => \'twentythirteen_header_style\',
        \'admin-head-callback\'    => \'twentythirteen_admin_header_style\',
        \'admin-preview-callback\' => \'twentythirteen_admin_header_image\',
    );

    add_theme_support( \'custom-header\', $args );

}
add_action( \'after_setup_theme\', \'twentythirteenchild_custom_header_setup\', 11 );

remove_filter( \'HEADER_IMAGE_WIDTH\', \'twentyeleven_header_image_width\' );
remove_filter( \'HEADER_IMAGE_HEIGHT\', \'twentyeleven_header_image_height\' );
define( \'HEADER_IMAGE_WIDTH\', apply_filters( \'twentythirteen_header_image_width\', 900 ) );
define( \'HEADER_IMAGE_HEIGHT\', apply_filters( \'twentythirteen_header_image_height\', 480 ) );
它起作用了,但只是部分起作用。

添加900x480图像时,我获得:

enter image description here

这很好。按下裁剪图像或跳过裁剪时,我获得:

enter image description here

这一点都不好。

你能帮忙吗?

提前非常感谢!!

1 个回复
最合适的回答,由SO网友:Khue 整理而成

Problem solved.

.site-header {
    background: url(<?php header_image(); ?>) no-repeat scroll top;
    background-size: 900px auto!important;
}

相关推荐

How do WP child-themes work?

好的,我已经设置了主主题,现在我创建了一个名为interio\\u child的子主题。从这些instructions 我知道您只需要添加样式。css文件,用于链接到主主题。此外,您还可以添加其他文件来覆盖主主题中的代码。现在我已经激活了我的孩子主题。它只显示“我的子主题”文件夹中的代码,而不显示CSS。这怎么可能?我看过很多教程和wordpress支持主题,但我无法将这个儿童主题链接到我的主主题。这些是我的孩子主题风格的内容。css:/* Theme Name: Interio Child&#x