如何在WordPress Twenty Seventeen主题中减少标题图像高度

Question

WordPress Twenty Seventeen主题附带整页标题图片。我想将标题图像的大小缩小为更典型的标题大小，只填充部分屏幕并删除视差效果。

Answer 1

在Twenty Seventeen主题的函数文件中你可以修改标题宽度/高度，它被定义为下面提到的函数。

add_image_size( 'twentyseventeen-featured-image', 2000, 1200, true );

对于上述功能你也要在css中调整高度，你也可以调整高度，如下例所示。

.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{height: 75vh !important;} 

在高度添加！important或在这里你也可以改变标题的高度。

Answer 2

1. 转到主题＆gt;删除标题图片自定义＆gt;媒体。
2. 通过在Theme＆gt;中插入以下代码来添加标题背景图片自定义＆gt;附加CSS：

  #masthead {
    background-image: url(“<insert url of your image>”);
    background-size: 100%;
  }