透過ヘッダーについて
 
通知
すべてクリア

透過ヘッダーについて

5 投稿
3 ユーザー
0 Reactions
560 表示
(@fujiyoshi)
投稿: 4
Active Member
トピックスターター
 

トップページのみでしか「透過ヘッダー」の機能は有効ではないのでしょうか?

他の固定ページでも「透過ヘッダー」を使用してスクロールすると追従ヘッダーに入り替わるようにしたい。

Xwriteバージョン
4.0.4
WordPressバージョン
6.9.4
PHPバージョン
8.3.30

 
投稿済 : 2026年4月24日 11:18 AM
hamada(XWRITE開発)
(@hamada)
投稿: 390
Reputable Member Moderator
 

@fujiyoshi さま

ご質問いただきましてありがとうございます。

他の固定ページでも「透過ヘッダー」をご利用になりたいとのこと、
サイトをより魅力的にするための素敵なご要望をありがとうございます。

現状の標準機能では、トップページでのみ「透過ヘッダー」が有効となっており、
すべてのページに適用した場合、ページごとの背景やコンテンツの配置によっては
投稿記事や一覧ページなどで意図しない表示崩れ(ヘッダーと文字が重なって読めなくなる等)
が起きてしまう可能性がございます。

従いまして、標準ではあえてトップページのみに制限する仕様となっております。

いただいた内容は、今後の機能改善に向けた貴重なご要望としてお預かりいたします。

もし個別にカスタマイズで対応される場合は、以下のコードを
「カスタマイザー > 追加CSS」に貼り付けていただくことで、
投稿ページなどには影響を与えず「固定ページのみ」ヘッダーを透過にすることが可能です。

.page .header {
    position: absolute;
    left: 0;
    right: 0;
    background-color: transparent;
}

 


この投稿は1か月前ずつhamada(XWRITE開発)に変更されました
 
投稿済 : 2026年4月30日 6:58 PM
(@chra888750)
投稿: 1
New Member
 

固定ページのヘッダー透過同じくやりたかったので助かりました。

別件ですが、ヘッダーの幅について、TOPページは画面幅いっぱいにヘッダーが表示されますが、
その他の固定ページはヘッダー両サイドに余白ができ、中寄りに表示されてしまいます。

これは仕様なのでしょうか?


 
投稿済 : 2026年5月10日 4:19 PM
(@fujiyoshi)
投稿: 4
Active Member
トピックスターター
 

@hamada

お返事が遅くなり、申し訳ありません。

ご丁寧にご説明ありがとうございます。

追加CSSやってみます!


 
投稿済 : 2026年5月27日 9:39 AM
(@fujiyoshi)
投稿: 4
Active Member
トピックスターター
 

@hamada

ご説明いただいたCSS追加してみました。

トップページと同じ配置の「透過ヘッダー」を

固定ページにも適用させたいのですが

その場合、CSSは変わりますか?


 
投稿済 : 2026年5月27日 10:07 AM
共有: