- このトピックには7件の返信、3人の参加者があり、最後に
により6年、 6ヶ月前に更新されました。
-
投稿
-
オーバーレイを設定すると標準でメニュー文字色が白となり、背景画像には暗めの画像じゃないとメニューが見えなくなります。
これは画像を処理するか、CSSでメニュー文字色を調整すれば良いのですが必ずしも同じ系統色のアイキャッチ画像を毎回使う訳ではないのでこの状態ですと各ページ毎に細かくアイキャッチ画像に応じたメニュー色調整をしなくてはなりません。技術的には簡単ですが面倒と言えば面倒です。
現状ヘッダー画像とアイキャッチ画像は同じ扱いで、個別記事でアイキャッチ画像が設定されているとそれが優先されてしまいます。ヘッダー画像とアイキャッチ画像の動作を別にするオプション等を今後の更新でご検討いただけないでしょうか？
いいねをした人: 居ませんアイキャッチ画像をヘッダー画像に使用するというもともとの仕様が良くなかったなぁと思っていました^^;
カスタマイザーや記事編集画面に「ページヘッダー用画像（これが設定されていたら優先表示）」
とか
「デフォルトヘッダー画像が設定されていたらアイキャッチ画像をヘッダー画像に使用しない」のようなチェックボックスを追加すれば、動作的には実現できるかなぁと思いますが、ちょっと使用面でも開発面でも多少混乱を呼び込んでしまいそうな気がするので、フィルターフックなりを追加して、やりたい人はやる、みたいな感じにしようかなと思います。（先日追加した「ヘッダー位置をモバイルのみに適用」も、もともとの仕様がわるかったために発生してしまった悪例だと思っています…）
使ったことはないですが、背景の色を判定して文字色を変更してくれるライブラリもあるみたいですね。
いいねをした人: 居ませんv3.1.3 からは、下記のコードでヘッダー画像を固定できるようになる予定です。
add_filter( 'snow_monkey_pre_page_header_image_url', function( $url ) { return '任意の画像 URL'; } );現行バージョンでも対応できる一番手っ取り早いのは、
/template-parts/page-header.phpを子テーマで上書きしちゃう方法ですかね。いいねをした人: 居ませんいつもありがとうございます。
質問なのですが、add_filterの使い方はpageheader.phpの<div
class=”c-page-header js-bg-parallax”
style=”background-image: url(<?php echo esc_url( $header_image ); ?>);”
data-has-content=”<?php echo esc_attr( snow_monkey_is_output_page_header_title() ? ‘true’ : ‘false’ ); ?>”
data-has-image=”<?php echo esc_attr( empty( $header_image ) ? ‘false’ : ‘true’ ); ?>”
>この部分を
<div
class=”c-page-header js-bg-parallax”
style=”background-image: url(add_filter( ‘snow_monkey_pre_page_header_image_url’, function( $url ) {
return ‘任意の画像 URL’;
} );”
>かなと思ったのですが、違うようでした。
可能であれば、使い方を記事にするか、お返事いただけると嬉しいです。
よろしくお願いします。
いいねをした人: 居ませんadd_filter( 'snow_monkey_pre_page_header_image_url', function( $url ) { return '任意の画像 URL'; } );を子テーマの functions.php に記述してみてください！ page-header.php は特に触らずで OK です。
いいねをした人: 居ませんありがとうございます！
子テーマに入れず、親テーマで直接やったらできなかったのですが、
素直に子テーマに入れたら出来ました！！！！！これで解像度低い写真や縦長写真でも安心ですね。
いいねをした人: 居ません
- トピック「共通ヘッダーとアイキャッチを別にしたい」には新しい返信をつけることはできません。