如何将二十四页眉图像设置为100%宽度?

时间:2014-07-15 作者:cmsdeployed

如果

 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\' );
可以帮助定义px中标题的宽度,如何将标题图像设置为100%,以获得类似的内容http://braidingfreedom.com/?

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

默认情况下,标题图像已设置为100%宽度。检查样式中的行571-578。214主题的css

#site-header img {
    max-width: 100%;
}
如果需要更大的标题,则需要在问题的代码中相应地设置大小,我想这是我之前的一个答案:-)

这里还有一个注释,您可以使用最大宽度site-header 在第847至853行中找到。

.site-header {
    background-color: #000;
    max-width: 1260px;
    position: relative;
    width: 100%;
    z-index: 4;
}
您需要设置max-width: 1260px; 在函数中设置宽度

SO网友:Beeblbrox

据我所知,你不能覆盖标题图像的宽度(我刚才也在努力),因为在标题的图像上传/选择中,它的硬连接最大值为1260-Wordpress会坚持你裁剪它,无论你用CSS做什么(我在functions.php中也找不到在哪里更改它,我认为你不能不处理WP核心文件)。

我的最佳答案是:

#site-header {
    position: relative;
    z-index: 3;
    background: url(https://example.com/path/to/img.jpg);
}
以你的风格。css,您只需将url设置为所需的标题图像。您还必须以某种方式摆脱现有图像,我只需设置一个与标题图像高度相同的透明图像。

不幸的是,这张图片不会随着网站的其他部分调整大小,但它确实意味着你会得到一个真正匹配的横幅,例如在我的例子中,一个基于1920宽度的网站。

希望这有帮助。我本想添加此作为评论,但我还没有代表。

*编辑-实际上,我刚刚正确地阅读了你的OP,注意到你正在使用WP php,所以这篇文章可能没有多大帮助。抱歉:-/但是我对你如何重置最大宽度px感兴趣,因为这将适合我一直在尝试的完美做法。。。我可以放弃目前的解决方案。

结束

相关推荐

Removing blog page images

我有我的blog page here 然而,在我创建的一个网站上,我不太明白在哪里可以找到代码来去除我孩子主题上的图像。我使用的是2010年的代码,我已经设置了自己的博客模板页面,但它不起作用,所以我显然编辑了错误的文件。所以不是循环。php我想要编辑的文件,以便在主博客页面上删除这些图像?<?php /* How to display all other posts. */ ?> <?php else : ?> <div i

如何将二十四页眉图像设置为100%宽度? - 小码农CODE - 行之有效找到问题解决它

如何将二十四页眉图像设置为100%宽度?

时间:2014-07-15 作者:cmsdeployed

如果

 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\' );
可以帮助定义px中标题的宽度,如何将标题图像设置为100%,以获得类似的内容http://braidingfreedom.com/?

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

默认情况下,标题图像已设置为100%宽度。检查样式中的行571-578。214主题的css

#site-header img {
    max-width: 100%;
}
如果需要更大的标题,则需要在问题的代码中相应地设置大小,我想这是我之前的一个答案:-)

这里还有一个注释,您可以使用最大宽度site-header 在第847至853行中找到。

.site-header {
    background-color: #000;
    max-width: 1260px;
    position: relative;
    width: 100%;
    z-index: 4;
}
您需要设置max-width: 1260px; 在函数中设置宽度

SO网友:Beeblbrox

据我所知,你不能覆盖标题图像的宽度(我刚才也在努力),因为在标题的图像上传/选择中,它的硬连接最大值为1260-Wordpress会坚持你裁剪它,无论你用CSS做什么(我在functions.php中也找不到在哪里更改它,我认为你不能不处理WP核心文件)。

我的最佳答案是:

#site-header {
    position: relative;
    z-index: 3;
    background: url(https://example.com/path/to/img.jpg);
}
以你的风格。css,您只需将url设置为所需的标题图像。您还必须以某种方式摆脱现有图像,我只需设置一个与标题图像高度相同的透明图像。

不幸的是,这张图片不会随着网站的其他部分调整大小,但它确实意味着你会得到一个真正匹配的横幅,例如在我的例子中,一个基于1920宽度的网站。

希望这有帮助。我本想添加此作为评论,但我还没有代表。

*编辑-实际上,我刚刚正确地阅读了你的OP,注意到你正在使用WP php,所以这篇文章可能没有多大帮助。抱歉:-/但是我对你如何重置最大宽度px感兴趣,因为这将适合我一直在尝试的完美做法。。。我可以放弃目前的解决方案。

相关推荐

Use wget to find used images

我正在寻找方法来清理一个站点的图像目录,该站点已经被未使用的图像和缩略图超载。是否可以使用wget只下载站点上html页面引用的图像?我注意到可以浏览下载文件夹并查看列出的文件,所以我假设直接的wget-r将下载这些文件。如何使用wget,但不包括对上传目录进行爬网?