トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
お世話になっています。
写真1枚目のようにスライダーが正しく表示されません。更新すると2枚目のように正常に戻ります。（スマホサイズの時に起こります）
「外観」＞「カスタマイズ」＞「トップページ」＞「記事スライダー」でスライダーを設置しました。
してみた事
・スライダーに上げているブログ記事などのアイキャッチ画像の大きさを変更しました。しかし変わりませんでした。
どうすれば良いか教えていただきたいです。よろしくお願いします。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.6.5
利用中のPHPバージョン
7.4.25
OS
MacOS
利用中のWordPressバージョン
5.8.3
利用中のサーバー会社
Xサーバー
ブラウザ
Chrome
利用中のプラグイン一覧
Contact Form 7
SEO SIMPLE PACK
Wordfence Security
WP Revisions Control
投稿済 : 10/01/2022 2:00 am
レンタルサーバーのキャッシュ機能を全てOFFにした状態でも症状は同じでしょうか？またWordfence Securityを無効化した状態でも同じでしょうか？
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/
投稿済 : 10/01/2022 2:42 pm
おそらくですが、スマホでの閲覧は問題なくて（実際、さっきiPhone 13のChromeで閲覧したら一発目で問題ありませんでした）スクショから察するに、PC画面の幅を拡大・縮小させたときに記事スライダーがPC 5カラム・SP 3カラムと自動で切り替わらない、ということではないでしょうか？
もしそうだとしたら、実機なのか上記の私と同じPCで幅を拡大縮小させた状況なのか、ということをきちんと明示して書いていただきたいです。
少なくとも、私は先ほど、iPhoneの実機では問題ありませんでした。Androidでは検証していません。
また、上記の内容を正とするのであれば、理想とするのが、おそらく私のサイトにあるような
https://tecchan.jp/swell-tips/entry/slider/#index_id3
のスライダーのようにしたいのかなと思います。
これなんですが、私のサイトも記事スライダーを設置すると普通にこういう状態になるので、もしかしたらCSSの軽量化を目的として、このような仕様としているのかもしれませんが、実際どうなっているかは @loos_ryo さんに教えていただければ大変助かります…
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
投稿済 : 10/01/2022 5:02 pm
PC画面の幅を拡大・縮小させたときに記事スライダーがPC 5カラム・SP 3カラムと自動で切り替わらない、ということではないでしょうか？
もしこのケースの場合でしたら、そういう仕様です。
以前はリサイズイベントで監視して再レンダリングしていたのですが、実際のユーザーが行う動作としては非常に稀なものなので、そのためだけに負荷の高いスクリプトを追加するのは微妙だと判断して削除しました。
SWELL開発者です。
投稿済 : 10/01/2022 5:10 pm
しらこ reacted
Topic starter
色々と返信ありがとうございます。バイトのため返信遅くなりすみません。
このスライダーが小さくなる現象は、スマホからでもなります。(以前貼ったスクショはパソコンでスマホサイズに縮小した時です)
インスタグラムにURLを貼り付けているのですが、そこから飛ぶと小さくなってしまいます。
インスタです↓
https://www.instagram.com/gazell2019/?hl=ja
This post was modified 3年前 2回 by yudetamago
投稿済 : 10/01/2022 10:21 pm
Topic starter
「Light house」で計測するとこのような文章があります。（スクリーンショット）
インスタグラム→HP に以降すると小さくなります。Safariに飛ぶと直ります。
This post was modified 3年前 by yudetamago
投稿済 : 10/01/2022 10:41 pm
おそらく、iOS版のInstagramアプリからの遷移時に発生で、これは既知の事象ですね。Androidは発生するかどうかは不明です。（過去事象を調べて、やっと思い出しました…）
https://u.swell-theme.com/community/postid/3469/
Instagramアプリから外部ブラウザを強制的に開かせることは出来ないっぽいので、あくまで「現段階では」事実上の回避方法はありません。（これが修正可能かどうかも、少なくとも私は不明です）
以前に、了さんなどは現象が確認できないらしくて、私はiOS15.1.1のiPhone 13でも当該事象を確認しました。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
投稿済 : 10/01/2022 10:44 pm
Topic starter
@96ssbike さん
そうなんですね。Light houseでの文章はまた別の問題っぽいので色々調べてみます。
分かりやすく説明していただき、ありがとうございます！
過去に同じ質問があったのに見落としてました...すみません気をつけます
This post was modified 3年前 by yudetamago
投稿済 : 10/01/2022 10:49 pm
@yudetamago Lighthouseはまったく別問題なので、ここでは回答は控えさせていただきます。（もしご質問されたい場合は、別トピックを立てる等をお願いいたします）
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
投稿済 : 10/01/2022 10:51 pm
お世話になります。
以前、 https://u.swell-theme.com/community/postid/3469/ こちらのトピックをたてさせていただいた者です。
私のトピックと @yudetamago 様のトピックを見る限り、Instagramからの直リンクで初回起動時にPCレイアウトになってしまう現象については、今のところメインビジュアル部分とのスライダー部分という認識になるかと思います。
試しに下層ページで確認したところ、通常通りスマホレイアウトで表示されました。
私のトピックから少し時間も経過しておりますので改めてお聞きしたいのですが、やはりこの不具合についてはInstagram内ブラウザが改善されない限りは正常に表示されないのでしょうか？
投稿済 : 04/02/2022 1:06 pm