如何更改二十四子主题中的默认标题图像尺寸？

时间：2014-04-16 作者：Alex Angas

我正在创建一个基于twentyfourteen 并希望更改自定义标题图像尺寸。自定义标题页说明：

图像宽度应至少为1260像素。建议宽度为1260像素。建议高度为240像素。

这似乎来自中设置的默认值/inc/custom-header.php:

function twentyfourteen_custom_header_setup() {
    add_theme_support( \'custom-header\', apply_filters( \'twentyfourteen_custom_header_args\', array(
        \'default-text-color\'     => \'fff\',
        \'width\'                  => 1260,
        \'height\'                 => 240,
        \'flex-height\'            => true,
        \'wp-head-callback\'       => \'twentyfourteen_header_style\',
        \'admin-head-callback\'    => \'twentyfourteen_admin_header_style\',
        \'admin-preview-callback\' => \'twentyfourteen_admin_header_image\',
    ) ) );
}
add_action( \'after_setup_theme\', \'twentyfourteen_custom_header_setup\' );
此文件包含在twentyfourteen/functions.php:

require get_template_directory() . \'/inc/custom-header.php\';
因为这条线使用get_template_directory() 而不是get_stylesheet_directory(), 我不能用我自己的版本覆盖它custom-header.php.

有没有办法更改我的子主题中所请求的维度？

2 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

是对214主题中的自定义标题函数的过滤器。您可以使用它添加新尺寸。下面是我用来更改默认大小的内容。

function wpse_custom_header_setup() {
    add_theme_support( \'custom-header\', apply_filters( \'wpse_header_args\', array(
        \'width\'                  => 1460,
        \'height\'                 => 220,
    ) ) );
}
add_action( \'after_setup_theme\', \'wpse_custom_header_setup\' );

EDIT

也相应地将第847行到第853行中的站点标题的最大宽度设置为

.site-header {
    max-width: 1460px;
}

SO网友:Brad Dalton

您只需将此代码添加到子主题函数文件中，并更改宽度和高度的值。

根据您的主题，您可能还需要为不同的标题元素修改样式表中的值，但是根据我的测试，使用214子主题时不需要这样做。

add_theme_support( \'custom-header\', array(
\'header_image\'    => \'\',
\'header-selector\' => \'.site-title a\',
\'header-text\'     => false,
\'height\'          => 90,
\'width\'           => 300,
) );
The above method ONLY effects the Custom Header function 当您使用此功能添加图像时，请在“外观>标题”下执行此功能，该功能将强制您裁剪到这些精确的尺寸，并且不会更改已使用任何方法添加的现有标题图像的大小。为此，您需要修改影响#站点标题图像的CSS代码。

您也可以使用theme_mod_header_image 滤器

Note: 标题选择器类将因主题而异。

结束
标签： child-theme   custom-header   theme-twenty-fourteen   小码农  

相关推荐

ADD_THEME_SUPPORT(‘CUSTOM-HEADER’)不在仪表板中添加选项菜单

我正在根据工具箱主题从头开始写一个新主题。我的WP安装是开箱即用的。我添加了add\\u theme\\u支持（“custom-header”）；我的职能。php文件，但“标题”选项屏幕不会显示在仪表板中。如果我访问该站点，我可以在顶部的工具栏中看到它，但不能在仪表板中看到它。我错过什么了吗？

如何更改二十四子主题中的默认标题图像尺寸？ - 小码农CODE - 行之有效找到问题解决它

如何更改二十四子主题中的默认标题图像尺寸？

时间：2014-04-16 作者：Alex Angas

我正在创建一个基于twentyfourteen 并希望更改自定义标题图像尺寸。自定义标题页说明：

图像宽度应至少为1260像素。建议宽度为1260像素。建议高度为240像素。

这似乎来自中设置的默认值/inc/custom-header.php:

function twentyfourteen_custom_header_setup() {
    add_theme_support( \'custom-header\', apply_filters( \'twentyfourteen_custom_header_args\', array(
        \'default-text-color\'     => \'fff\',
        \'width\'                  => 1260,
        \'height\'                 => 240,
        \'flex-height\'            => true,
        \'wp-head-callback\'       => \'twentyfourteen_header_style\',
        \'admin-head-callback\'    => \'twentyfourteen_admin_header_style\',
        \'admin-preview-callback\' => \'twentyfourteen_admin_header_image\',
    ) ) );
}
add_action( \'after_setup_theme\', \'twentyfourteen_custom_header_setup\' );
此文件包含在twentyfourteen/functions.php:

require get_template_directory() . \'/inc/custom-header.php\';
因为这条线使用get_template_directory() 而不是get_stylesheet_directory(), 我不能用我自己的版本覆盖它custom-header.php.

有没有办法更改我的子主题中所请求的维度？

2 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

是对214主题中的自定义标题函数的过滤器。您可以使用它添加新尺寸。下面是我用来更改默认大小的内容。

function wpse_custom_header_setup() {
    add_theme_support( \'custom-header\', apply_filters( \'wpse_header_args\', array(
        \'width\'                  => 1460,
        \'height\'                 => 220,
    ) ) );
}
add_action( \'after_setup_theme\', \'wpse_custom_header_setup\' );

EDIT

也相应地将第847行到第853行中的站点标题的最大宽度设置为

.site-header {
    max-width: 1460px;
}

SO网友:Brad Dalton

您只需将此代码添加到子主题函数文件中，并更改宽度和高度的值。

根据您的主题，您可能还需要为不同的标题元素修改样式表中的值，但是根据我的测试，使用214子主题时不需要这样做。

add_theme_support( \'custom-header\', array(
\'header_image\'    => \'\',
\'header-selector\' => \'.site-title a\',
\'header-text\'     => false,
\'height\'          => 90,
\'width\'           => 300,
) );
The above method ONLY effects the Custom Header function 当您使用此功能添加图像时，请在“外观>标题”下执行此功能，该功能将强制您裁剪到这些精确的尺寸，并且不会更改已使用任何方法添加的现有标题图像的大小。为此，您需要修改影响#站点标题图像的CSS代码。

您也可以使用theme_mod_header_image 滤器

Note: 标题选择器类将因主题而异。

标签： child-theme   custom-header   theme-twenty-fourteen   小码农  

相关推荐

ADD_THEME_SUPPORT(‘CUSTOM-HEADER’)不在仪表板中添加选项菜单

我正在根据工具箱主题从头开始写一个新主题。我的WP安装是开箱即用的。我添加了add\\u theme\\u支持（“custom-header”）；我的职能。php文件，但“标题”选项屏幕不会显示在仪表板中。如果我访问该站点，我可以在顶部的工具栏中看到它，但不能在仪表板中看到它。我错过什么了吗？