Discordコミュニティを作りました! 参加する

フォーラム

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

マウスオンするとアイキャッチが消える

20 投稿
5 ユーザー
5 Likes
1,141 表示
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

マウスオーバーしたときアイキャッチの画面が消えるようになりました。

マウスを画面から外すと、元に戻ります。

すべてのアイキャッチで起こるわけではなく、試したところカラム2列の一部だけで起こり、カラム3列のアイキャッチでは起こりません。

また、同じアイキャッチでも消えたり、消えなかったりします。

参考情報として、昨日、wordpressを6.0へアップデートし、今朝にWP Revisions Controlを更新しました。

ご確認いただけますと幸いです。

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

ConoHa WING 自動キャッシュクリア (v.1.0.0)
Custom Taxonomy Order (v.3.4.3)
EWWW Image Optimizer (v.6.5.2)
Highlighting Code Block (v.1.6.0)
MW WP Form (v.4.4.0)
Pochipp (v.1.7.6)
Pochipp Assist (v.0.1.0)
PS Auto Sitemap (v.1.1.9)
SEO SIMPLE PACK (v.2.4.1)
Show Current Template (v.0.4.6)
Site Kit by Google (v.1.75.0)
Useful Blocks (v.1.6.2)
WebSub (FKA. PubSubHubbub) (v.3.1.2)
WP Multibyte Patch (v.2.9)
WP Revisions Control (v.1.4.1)
XML Sitemap & Google News (v.5.3.3)
XO Security (v.3.1.8)
Yoast Duplicate Post (v.4.4)

 
投稿済 : 06/06/2022 4:23 pm
skillsharejp
(@skillsharejp)
投稿: 987
SWELL高速化顧問
 

ご利用のプラグインとサーバーが提供する高速化関連機能で重複している設定は確認されましたか?

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 08/06/2022 9:02 am
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

conohaが最近、高速化機能を出しましたが、それは設定していません。

ほかの設定も直近3ヶ月ほどは変更せず、そのままにしています。

 
投稿済 : 08/06/2022 1:22 pm
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

連投ですが、今わかっている現象は次のとおりです。

●各カテゴリや新着記事リストでは、2行目と4行目のみに発生。

●新着記事リストでは、3行目と4行目に発生。

同じ行(2カラム)では、2つとも必ず発生します。たとえば、2カラムの左が発生して、右が発生しない、ということはありません。

 
投稿済 : 08/06/2022 1:50 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

私が見る限りでは問題なく表示されていますね。

OSとブラウザ情報を教えて下さい。(ブラウザのバージョンが古くなっている場合は、更新してみてください。)

SWELL開発者です。

 
投稿済 : 08/06/2022 4:08 pm
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

@loos_ryo 

macOS Big Sur 11.6.6

Chrome 102.0.5005.61(Official Build) ブラウザ情報では「最新版です」となっています。

お手数おかけします。

 
投稿済 : 08/06/2022 5:27 pm
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

追伸です。いま見つけたのですが、私のサイトだけでなく、SWELLを使ったサイトで同じ症状(マウスオーバーするとアイキャッチが消える)が出るようです。

添付はSWELL公式サイトで発生した症状です。ほかにSWELLを使ったサイトでも同じ症状が出ました。

症状2
 
投稿済 : 08/06/2022 6:04 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

原因切り分けとして、閲覧環境(ブラウザ)を変えてみたらどうなりますか?

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 08/06/2022 6:30 pm
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

@96ssbike 

Safariで見たところ、発生しませんでした! Chrome✖️SWELL で何か起きているのでしょうか…

 
投稿済 : 08/06/2022 6:42 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

つまり、junpeiさんのmacのChromeだけに起きていることでしょうね。

こういったことはSWELL以外のサイトでも十分にあり得ることなので把握しておいてください。

ブラウザ側に保持しているキャッシュないしはCookieの削除などを試みる感じです。最悪、改善されなければ再インストールなども試します。

少なくとも他の方では現象確認できない場合、SWELLの不具合ではありません。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 08/06/2022 6:45 pm
skillsharejp reacted
かんた
(@swell_mania)
投稿: 603
Https://webrent.xsrv.jp/
 

Edgeと、Chromeで再現しますね。
ブラウザはともに最新バージョンです。

■Edge

■Chrome

常に発生するわけではなく、繰り返しマウスをのせると発生します。

FFでは発生を確認できません。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 08/06/2022 7:08 pm
junpei reacted
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

@96ssbike 

Cookie以外のキャッシュをChromeから削除しましたが、発生しました。

次に、Cookieは関係ないように思いつつ(Cookieは削除すると面倒だし)念のため削除しましたが、発生しました(泣)

 
投稿済 : 08/06/2022 7:14 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

かんたさん、junpeiさん、試していただきありがとうございます。

まず、私の視点が誤っていたことをお詫び申し上げます。

そして、私も一瞬だけjunpeiさんのサイトで起きている現象と同じような現象が発生したものの、その後マウスオーバーを繰り返しても発生しませんでした。
かんたさんと同じく、EdgeとChromeです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 08/06/2022 8:29 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

んー、なんでしょうねこれ。自分はまだ再現できずにいます。

以下のCSSを追加してみるとどうなるでしょうか。

.c-postThumb .c-postThumb__img{
    transform: scale(1);
    backface-visibility: visible;
}

SWELL開発者です。

 
投稿済 : 08/06/2022 9:10 pm
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

@loos_ryo 

CSSを試してみましたが、変化ありませんでした。

 
投稿済 : 08/06/2022 9:40 pm
skillsharejp
(@skillsharejp)
投稿: 987
SWELL高速化顧問
 

Windows 10, Chrome最新版のシークレットモードでは繰り返しホーバーしても発生しません。SWELL公式サイトでも同条件で試しましたが特にご相談のある現象は発生しませんでした。

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 09/06/2022 12:36 am
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

あ、Mac, Chrome最新版で再現できました。

Chromeのバグっぽい気はしまが...CSSの修正で改善できそうです。

This post was modified 2年前 by

SWELL開発者です。

 
投稿済 : 09/06/2022 1:44 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

以下のCSSでどうでしょう?

.p-postList .p-postList__thumb:before {
    transform: none;
    backface-visibility: visible;
}

SWELL開発者です。

 
投稿済 : 09/06/2022 1:53 pm
skillsharejp and junpei reacted
junpei
(@junpei)
投稿: 14
メンバー
Topic starter
 

@loos_ryo 

治りました! ざっと確認したのみですが、今のところ発生しません。

ありがとうございます!!

 
投稿済 : 09/06/2022 4:51 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

おっ、よかったです!

ではこの方向でテーマ側でも調整を入れてみます🙆‍♂️

SWELL開発者です。

 
投稿済 : 09/06/2022 6:24 pm
junpei reacted
共有: