ｍａｂｏのｂｌｏｇです。

　＝＝＝＝＝高さの調整＝＝＝＝＝

　PC用

　.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;
　}

　のmax-height: 100%;を300pxへ
　これで高さ300pxになりますが、画像の位置調整が必要になるかも？

　その場合

　style.cssの1730行目あたり
　
　@supports ( object-fit: cover ) {
　.has-header-image .custom-header-media img,
　.has-header-video .custom-header-media video,
　.has-header-video .custom-header-media iframe,
　.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
　height: 100%;
　left: 0;
　-o-object-fit: cover;
　object-fit: cover;
　top: 0;
　-ms-transform: none;
　-moz-transform: none;
　-webkit-transform: none;
　transform: none;
　width: 100%;
　}
　}

　のheight: 100%;を500pxとかに変更して調整（数値はお好みで）
　
　あと以下も調整

　style.cssの1674行目あたり

　.has-header-image .custom-header-media img,
　.has-header-video .custom-header-media video,
　.has-header-video .custom-header-media iframe {
　position: fixed;
　height: auto;
　left: 50%;
　max-width: 1000%;
　min-height: 100%;
　min-width: 100%;
　min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
　width: auto;
　top: 50%;
　padding-bottom: 1px; /* Prevent header from extending beyond the footer */
　-ms-transform: translateX(-50%) translateY(-50%);
　-moz-transform: translateX(-50%) translateY(-50%);
　-webkit-transform: translateX(-50%) translateY(-50%);
　transform: translateX(-50%) translateY(-50%);
　}

　のmin-height: 100%;を100pxとかに変更して調整（数値はお好みで）

　raspberryPiにインストールしたwordpressのテンプレートをいろいろ

　いじってます。

　「Twenty　Seventeen」というテーマですが，私の能力ではかなり

　手強く，やはり頼りになるのが，諸兄のHPの記載です。

　今，ヘッダーテーマの画像の高さを調整すべくいろいろやってます。

　何カ所かいじらないとだめなようで，特に，PC用と携帯用の表示では，

　いじる場所が違うようで，面倒です。

　　それに，諸兄のHPには，カスタマイズするときは，必ず子テーマ

　を作って，それをいじるようにとありますが，これが，また面倒です。

　全体のスタイルの変更には，style.cssというファイルを弄りますが

　子テーマは，基本，親テーマの設定を引き継ぎますから，基本，

　設定を書き加えることで編集しますので，細かい変更は，親テーマ

　のstyle.cssをいじるようです。（この辺の認識に謝りあるかもしれ

　ませんが・・・・・・・・・。）

　ということで，忘れないように，諸兄の設定を書き写しておきます。

　＝＝＝＝高さの調整＝＝＝＝＝

　携帯用

　追加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 {
　display: table;
　height: 300px;
　height: 40vh; /* 100vh --> 40vh 高さの比率 */
　width: 100%;
　}

　.has-header-image .custom-header-media img,
　.has-header-video .custom-header-media video,
　.has-header-video .custom-header-media iframe {
　position: absolute; /* fixed –> absolute イメージの見え方の設定 */
　height: auto;
　left: 50%;
　max-width: 1000%;
　min-height: 100%;
　min-width: 100%;
　min-width: 100vw;
　width: auto;
　top: 50%;
　padding-bottom: 1px;
　-ms-transform: translateX(-50%) translateY(-50%);
　-moz-transform: translateX(-50%) translateY(-50%);
　-webkit-transform: translateX(-50%) translateY(-50%);
　transform: translateX(-50%) translateY(-50%);
　}