Я нашел (часть) кода 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;
}
И код , который применяется , когда панель администратора является видимым (например , вы вошли в систему ) в настоящее время на линии 3646
.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);
}
А затем код, который применяется на мобильном телефоне в настоящее время в строке 1638:
.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%;
}
Скопировав эти три раздела css в style.css моей дочерней темы и изменив height
атрибут, я смог настроить высоту изображения заголовка на домашней странице. Я установил высоту 30vh
, calc(30vh - 32px)
и , 30vh
соответственно , в каждой секции. Я первый оставил в height: 1200px
покое.
Обратите внимание, что для элемента высоты 100vh
указана высота относительно высоты области просмотра. Таким образом, 100vh - это 100% области просмотра, тогда как 50vh - это 50% области просмотра.
Одна странность в том, что на главной странице масштаб и положение изображения заголовка отличается от других страниц.
Не уверен, что это лучший способ. Я открыт для лучших вариантов, но пока он работает на базовом уровне.
theme-twenty-seventeen
тега, когда есть соответствующие теги за предыдущие годы.