Katawara のページヘッダー背景画像の仕様
Katawara は投稿のページヘッダーをデフォルト画像にするかアイキャッチ画像にするかを設定できるようになっているのですが、個々の投稿ごとに設定することはできなくて、すべての投稿で共通の設定になっています。
このサイトではアイキャッチ画像を投稿のページヘッダーに設定して使っていたのですが、投稿によってはアイキャッチ画像が必ずしもページヘッダーの画像として適していないケースもあります。
個々の投稿ごとにどちらにするかを選べるようにカスタマイズ
そこで、個々の投稿ごとにどちらにするかを選べるようにカスタマイズしました。
編集画面には以下の選択入力欄が表示されます。
Katawara の固定ページにはアイキャッチ画像をページヘッダー背景画像に指定する機能はないのですが、固定ページごとに任意の画像をページヘッダーの背景に（しかも PC 用とモバイル用を別々に）設定できるので、このカスタマイズはそんなに必要ないかもしれないですが、ないよりもマシなので、とりあえず固定ページにも実装してあります。
カスタマイズをプラグイン化
今回行ったカスタマイズを UJS Page Header EC Image for Katawara というプラグインにしました。
プラグインの仕様
- 標準投稿と固定ページのページヘッダーの背景画像にアイキャッチ画像を使うかデフォルトの背景画像を使うかを選べるようにする、Katawara 専用のプラグインです。
- このプラグインを使うためには、投稿のページヘッダー表示内容を「アイキャッチ画像、タイトル、タクソノミー」に設定する必要があります。
- フィルターフック ujs_page_header_ec_image_screens とアクションフック wp_head を使った追加のカスタマイズを行うことにより、カスタム投稿タイプに対応できるようにしました。（プラグイン単体でカスタム投稿タイプに対応する手間がめんどくさかったので）
サイト運営者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
