フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ブログパーツで配置したバナーが崩れる
 
通知
すべてクリア

ブログパーツで配置したバナーが崩れる

8 投稿
3 ユーザー
0 Reactions
174 表示
(@micchi0012)
投稿: 5
メンバー
トピックスターター
 

11月5日に不具合に気づいた。
ブログのヘッダー部分。バナー(ソニーストアをみる)(コールオンラインショップ)をブログパーツで作って配置している。
トップページ以外の記事ページ等にバナーの崩れがある。CSSが効いてないような見え方。

通常のバナー位置

002

以下のように崩れる

001

テーマをアップデートしてからの不具合と思われます。
解決方法教えていただけると嬉しいです。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.16.0
利用中のPHPバージョン
8.3.21
OS
Windows
利用中のWordPressバージョン
6.9
利用中のサーバー会社
Xサーバー
ブラウザ
Chrom、edge
利用中のプラグイン一覧

BackWPup
Push Notifications for WP - Self Hosted Web Push Notifications
SEO SIMPLE PACK
Super Progressive Web Apps
Wordfence Security
XML Sitemap & Google News
XO Featured Image Tools
Yoast Duplicate Post


 
投稿済 : 05/12/2025 4:16 pm
(@micchi0012)
投稿: 5
メンバー
トピックスターター
 

https://www.call-t.co.jp/tenchoblog/entry/46022.html


 
投稿済 : 05/12/2025 4:18 pm
(@windorz)
投稿: 203
メンバー
 

SWELL設定ー高速化ーファイルの読み込み

がチェックされているなら、チェックを外してみてください。


 
投稿済 : 06/12/2025 6:18 pm
 
(@loos_ryo)
投稿: 1293
メンバー Admin
 

flex-basis:430pxのように、ヘッダーにしては各カラムサイズに大きな値がセットされているようです。


SWELL開発者です。

 
投稿済 : 06/12/2025 10:26 pm
(@micchi0012)
投稿: 5
メンバー
トピックスターター
 

コメントありがとうごいます。
元々、コンテンツに合わせて必要なCSSだけを読み込むにチェックは入っていませんでした。

チェックを入れてみると、正常に表示されました。
ありがとうございます。


 
投稿済 : 08/12/2025 9:58 am
(@micchi0012)
投稿: 5
メンバー
トピックスターター
 

@loos_ryo 
コメントありがとうございます。
幅の設定を最大で300pxに変更してみましたが、やっぱり崩れてしまいました。
コンテンツに合わせて必要なCSSだけを読み込むにチェックを入れると正常に表示されるようになりました。
ブログパーツで作成しているので、独自に設定しているCSSとで不具合が起きたのでしょうか?


 
投稿済 : 08/12/2025 10:03 am
(@windorz)
投稿: 203
メンバー
 

コンテンツに合わせて必要なCSSだけを読み込むを有効にしていると、
記事の本文(コンテンツ)に含まれるブロックの有無しかチェックされないので、ヘッダーにしかないブロックのCSSは読み込まれなくなります。

なので、期待される現象とは逆の結果となりました。

SWELL高速化で、ヘッダーのキャッシュが有効になってないですか?

 


 
投稿済 : 08/12/2025 2:50 pm
(@micchi0012)
投稿: 5
メンバー
トピックスターター
 

@windorz ご返信ありがとうございます。ヘッダーをキャッシュするは有効になっています。なんどもキャッシュクリアはしてみましたが、ヘッダーのCSSは効いているみたいです。
今回ブログパーツで作ったものだけがCSS効いてなかったので不思議でした。
原因が不明なのですが、いまのところはCSS効いているので様子を見てみます。
ありがとうございました!


 
投稿済 : 13/12/2025 4:36 pm
共有: