Lightning Pro ＋ Origin II の投稿・固定ページでヘッダー透過を使ってみた
CSS でカスタマイズして見た目のレイアウトを調整してあります。
このサイト（Lightning Pro ＋ Origin II）で投稿と固定ページでヘッダー透過の設定を使ってみました。
設定手順はかんたんです
Lightning ヘッダー設定 でヘッダー透過の設定を行ってから、個々の投稿や固定ページで ヘッダーを透過を有効にする にチェックをつければヘッダー透過にできます。設定手順はかんたんです。
そのままだとサイトヘッダーとページヘッダーが被ってしまったので、Lightning ページヘッダー設定 で テキスト余白 (上下) を大きめに設定する必要がありました。
このサイトは固定ページのページヘッダー周りをカスタマイズでいじってあるためか、テキスト余白 (上下) を大きめに設定してもダメなページがあったので、CSS でカスタマイズして見た目のレイアウトを調整してあります。
- 標準投稿の例 このページ
- 固定ページの例
- カスタム投稿タイプの例
サイト全体をヘッダー透過にはできないできる
2026.5.14 追記
2026.4.28 にリリースされた Lightning Pro 8.26.2 でヘッダー透過設定の仕様変更があり、すべてのページでヘッダー透過を有効にできるようになりました。
この仕様変更により、アーカイブページのヘッダー透過もできるようになっています。
また、必要に応じて個々の固定ページや投稿でヘッダー透過を無効にできます。
下記にグレーの背景で示してある、以前に書いた内容は現在は正しくありません。
上記のヘッダー透過を有効にするやり方は個々のページを設定するときにはかんたんで役に立ちますが、サイト全体をヘッダー透過に設定したい場合には適していません。
個々のページについて設定する手間がかかるだけではなく、アーカイブページのヘッダー透過設定ができません。
サイト全体をヘッダー透過にしたい場合はテーマの機能を使わずに CSS でカスタマイズする必要があります。
サイト運営者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
