simplicity2のヘッダーの高さ調整ができない

> ヘッダーの高さの数値を変えても

いくつに設定してますか？

ご連絡ありがとうございます。200pxとか400pxに設定してみましたが、だめでした。横幅等、他に触っているところはありません。

やってみたのは、外観→カスタマイズのヘッダーの高さだけです。

カスタマイザーで高さを設定すると、

#h-top {
  min-height: 設定した数値px;
}

というのがインラインスタイルで入ります。インラインスタイルというのは、headタグ内にstyleタグで入ります。これは親・子テーマのstyle.cssより後で読み込まれますので、カスタマイザーで設定したものを上書きするためには、

1) !important付きで親・子テーマstyle.cssに高さを設定する
2) jQueryなどでcssが読み込まれた後要素に直接style属性でスタイルする
3) min-heightを解除するスタイルが書かれている

前レスでいくつに設定したかを聞いたのは、デフォルトでmin-heightは100pxに設定されており、これより小さい場合は上書きされるはずだけれども何かしらあるのかなぁと思ったわけですが、上記以外は通常ありません。

これらはデベロッパーツールで#h-top、もしくは#headerの中身いずれかに高さがあるというのを調べればわかります。問題のサイトのアドレスがないので何が原因かは外からはわかりませんが、まずここらを調べて下さい。

どこに高さに関する値が入っているかを調べて、本来のデフォルト設定でそこに高さが入るかどうかを確認する必要がありますが、うちのテスト環境ではそれらはありませんでした。

上記1〜3は、カスタマイズかプラグインしか考えられませんがここらの環境もアドレスがないとわかりません。もし1系から2系へ移行されたのであれば、以前のカスタマイズが残っているのではなかろうかと思います。

もし修正するのであれば、カスタマイザーを使わず(デフォルトの値の0にしておいて)、子テーマstyle.cssに、

#h-top {
  min-height: initial;
  min-height: 必要な値px;
}

としたり、高さを無くして計算したアスペクト比を利用してpaddingで高さを出せばレスポンシブなヘッダを作ることができます。

説明不足で申し訳ありません。ヘッダーの高さは変えられますが、画像の切り抜きが100px以上できないようになっている、という意味です。

私はまだsimplicity1.9.3を使っているので、このような不具合はないですが、simplicity2を使っている私の友人の以下のサイトに、不具合が発生しています。

http://fulfill-dogtraining.com/

高さは200pxとなっていると思われますが、画像はデフォルトで入っている画像です。サイト運営者自身の別の写真を挿入しようとしたところ、100px以上の切り抜きができないようになっていました。

ちょうど、以下の2サイトをに書いてあるようなことと同じ現象です。ご確認のほど、よろしくお願いします。

http://11874.click/header-image-customization

http://bibabosi-rizumu.com/simplicity-customizer/

> 画像の切り抜きが100px以上できないようになっている

カスタマイザーで、高さを設定した(仮に200として)後、保存して一旦カスタマイザーを終了し再度カスタマイザーからヘッダーの背景画像を開けば、内側(記事幅)なら1070×200が推奨サイズとして表示されると思います。

これは記事幅が1070 x 200の領域を確保しているので推奨サイズとして表示されているわけです。その状態で1070×200より大きな画像を新規アップロードしたとすれば、その中に切り抜き範囲でおそらくは、1070×200のアスペクト比で切り抜ける範囲で表示されると思います。

この比率は記事幅ならそこに100%の幅で入るサイズなので、本来ならbackground-size:100% autoあるいはcoverにしてもバッチリ入る範囲です。
つまり、範囲内にバッチリ入るサイズに切り取るようにその範囲が設定されているわけです。

もし仮に、ここで調整できないサイズが欲しい場合は、予め画像を何かしらのソフトで切り抜いておいて、切り抜かずアップロード・適用しcssでスタイルします。
カスタマイザーは基本cssやそれら画像ソフトが扱えない、あるいはそういう面倒な作業が嫌な人のためにあるだけで、基本はcssでスタイルするのが本道です。より細かな制御がしたい場合やこだわりがある場合はカスタマイザーは使わない方向でやるようにして下さい。

これは車でもカメラでも何でもそうです。オートマチックなものはそこに設定されてある状態でしか使えません。しかしマニュアルでやればそれら制限はある程度自由に設定できます。

違うトピックでも書きましたが、背景画像はカスタマイザーでは1枚しか使えませんが(ランダム表示はできるようですが)、複数貼り付けたりする場合はcssでやる必要があります。カスタマイザーの設定は一切無しで設定できる部分です。
カスタマイザーを使うか否かは、使用目的によって使い分けて下さい。

参考・サンプル: 背景画像を複数使用する | codepen

> 以下の2サイトをに書いてあるようなことと同じ現象です。

PHPはサーバーサイドの言語なのでリアルタイムで画像サイズや設定値を読み込むことができません。なので、予め設定範囲を決めてから、その値を再度読み込むことで有効化されます。
再度読み込むというのは、Ⅰ度高さを決めてから設定を保存して、再度カスタマイザーを開き値を読み込むということです。
なので不具合とかではなく、極当たり前のことなのです。

丁寧にご回答頂きありがとうございます。たしかに、高さを設定し直して、いったん保存してはなかったと思います。これで解決すると思われます。本当に助かります。