我找到了控制中高度的css代码（部分）wp-content/themes/twentyseventeen/style.css.

当管理栏当前在第3629行不可见（典型的匿名用户）时，有一个适用的代码

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
  height: 1200px;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
  height: calc(100vh - 32px);
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
        display: table;
        height: 300px;
        height: 75vh;
        width: 100%;
}

注意：高度元素设置为100vh 相对于视口高度调整高度的大小。所以100vh是视口的100%，而50vh是视口的50%。

奇怪的是，在主页上，标题图像的缩放和位置与其他页面不同。

不确定这是否是最好的方式。我对更好的选择持开放态度，但到目前为止，这只是一个基本的选择。

只需从仪表板编辑主题，并将以下CSS定义添加到主题部分“自定义CSS”：

.has-header-image.home.blog .custom-header {
    height: 26vh;
}

根据我在@User\'s answer中的评论（这是个很酷的名字）；）我想我会试一试的。

我正在直接编辑主题文件，因为我在一个一次性docker容器中工作，它更能证明概念。将其调整为子主题需要一些调整。

在里面content/themes/twentyseventeen/style.css 在3680到3670ish之间的区域中，是头部图像所在的位置。

原始代码：

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
  height: 1200px;
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
}

  height: 100vh;    
  height: 100%; 
  max-height: 500px;

所有这些都有一个警告：

这是像素的最顶端部分。所以除非你在那个区域有一个很好的图像部分。。。看起来糟透了（许多头被砍掉了）

接下来还有更多（当我整理好的时候）

您可以通过裁剪图像来更改它。在WordPress中，有一个选项作为customizer。您需要按照以下步骤裁剪图像。

    1) Go appearance->customize
    2) Header media
    3) add a new image and then crop that image as per your needs and you go.

您可以使用Firebug（或查看页面源代码）查找用于显示标题图像的CSS。然后添加CSS进行更改。您使用的确切CSS取决于主题。

Firebug允许您临时更改CSS以获得所需的样式，然后将新CSS复制到主题的CSS页面（如果它有该选项）。

如果您的主题中没有“自定义CSS”选项，那么最好的方法是创建一个子主题（关于它的许多教程），并将您的自定义CSS添加到该子主题的样式中。css页面。（切勿更改父主题；您的更改将在下次主题更新时被覆盖。）

我首先设置了一个儿童主题（由WP推荐）。然后在风格上。css文件的子主题，我在下面添加了css。第一部分控制首页上图像的高度；第二部分控制首页上图像的空间高度。两者都必须匹配才能起作用。我注释掉了一些干扰固定高度图像的线条。现在，我在主页上的标题与所有其他页面上的标题完全相同。

.has-header-image .custom-header-media img, 
.has-header-video .custom-header-media video, 
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    /* height: 100%; */
    height: 400px;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
}
.twentyseventeen-front-page.has-header-image .custom-header-media, 
.twentyseventeen-front-page.has-header-video .custom-header-media, 
.home.blog.has-header-image .custom-header-media, 
.home.blog.has-header-video .custom-header-media {
    height: 400px;
    /* height: 100vh; */
    /* max-height: 100%; */
    overflow: hidden;
}

我发现这解决了我的问题，对象位置允许我左右/上下移动图像。

img.wp-image-70 {
  max-height:250px;
    object-position: 0 10%;
    object-fit: cover;
}