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

フォーラム

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

[解決済] 記事スライダーの<>ボタン周辺にバグ発生!?

11 投稿
5 ユーザー
4 Likes
1,126 表示
hiro6001
(@hiro6001)
投稿: 6
メンバー
Topic starter
 

 

BE50A4E8 06CE 451E 83DB B4F921A355F2

1週間ほど前から、
iPhoneでchromeから閲覧すると、
記事スライダーの<>ボタン周辺に「」カギカッコのマークが発生するようになりました。
<>ボタンを押すと、マークが若干変化する事から、
記事スライダー、特に<>ボタンまわりのバグかと思われます。
かなり気になりますので、修正をお願い致します。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.5
利用中のPHPバージョン
7.4.28
OS
iPhone
利用中のWordPressバージョン
6.0.1
利用中のサーバー会社
Xサーバー
ブラウザ
クローム
利用中のプラグイン一覧

Converter for Media
Google XML Sitemaps
PS Auto Sitemap
Real Testimonials
SEO SIMPLE PACK
UpdraftPlus - バックアップ/復元
Useful Blocks
WP-Optimize - クリーン、圧縮、キャッシュ
Yoast Duplicate Post

This topic was modified 2年前 by hiro6001
 
投稿済 : 11/08/2022 12:42 pm
skillsharejp
(@skillsharejp)
投稿: 977
SWELL高速化顧問
 

SWELL最新版でも同じかどうかをご確認ください。

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

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

 
投稿済 : 11/08/2022 2:27 pm
みさき@セブ島
(@misaki_cebu)
投稿: 57
メンバー
 

全部確認したわけではありませんが

  • 【.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after】に【content: 'next';】
  • 【.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after】に【content: 'prev';】

がありますね。ご自身で追加したコードで上書きしている、もしくはプラグインが原因と思われますので、確認してみてください。

This post was modified 2年前 4回 by みさき@セブ島

SWELLを中心としたCSSカスタマイズのメモブログをゆるゆると運営しています
https://misaki-web.com

 
投稿済 : 11/08/2022 3:08 pm
skillsharejp reacted
skillsharejp
(@skillsharejp)
投稿: 977
SWELL高速化顧問
 

プラグインを停止したと記載されてますが、ご利用のプラグインが確かに怪しいですね。一度停止して再度ご確認ください。

 https://enjoyjp.jp/wp-content/plugins/testimonial-free/src/Frontend/assets/js/swiper.min.js?ver=2.5.7 

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

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

 
投稿済 : 11/08/2022 5:15 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

SWELLのSwiperと、Swiperが含まれているプラグインを組み合わせると、それはおかしくなることもありそうですね。

したがって、Real Testimonialsプラグインを使用しないなどの対応をとってください(もしくは、何らかの手段で最低でもトップページに対してReal Testimonialsプラグインに含まれているSwiperを読み込まないようにカスタマイズする)。

ちなみに、一週間ほど前から起きたとのことですが、その一週間前(具体的には8月3日)に、本プラグインはSlickからSwiperへの置き換えを実施していると書かれています。

Improved: Migrated to Swiper from Slick js for Carousel/Slider.

参考: https://ja.wordpress.org/plugins/testimonial-free/#developers

また、SWELLのSwiperは7.0.6なのですが、本プラグインに含まれているSwiperのバージョンは8.3.2であるのも、もしかしたらおかしくなっている理由のひとつかもしれません。

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

 
投稿済 : 11/08/2022 8:00 pm
hiro6001
(@hiro6001)
投稿: 6
メンバー
Topic starter
 

おおおお!!
皆さん、丁寧にコメントありがとうございます。
不慣れなため、知識不足失礼いたしました💦

勢いでチェックしていて、Real Testimonialsを止めていませんでした💦
こいつが原因でした。

SWELL独自の機能が、まさか外のプラグインから侵害されるとは思ってもいませんでした。
勉強になりました。

これを機に、Real Testimonials
とお別れしようと思います。
m(_ _)m

 
投稿済 : 12/08/2022 7:01 am
skillsharejp
(@skillsharejp)
投稿: 977
SWELL高速化顧問
 
投稿者:: @hiro6001

SWELL独自の機能が、まさか外のプラグインから侵害されるとは思ってもいませんでした。

Swiperに関しては特段SWELLの独自機能という訳でもないです。一般的なものなので。

 

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

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

 
投稿済 : 12/08/2022 11:08 am
hiro6001 reacted
hiro6001
(@hiro6001)
投稿: 6
メンバー
Topic starter
 

@skillsharejp 
なるほど、そういうことですね~

 
投稿済 : 12/08/2022 2:22 pm
みさき@セブ島
(@misaki_cebu)
投稿: 57
メンバー
 

もし該当のプラグインを使いたい場合はメインビジュアルのページ送り矢印を非表示にするか、メインビジュアル自体を使わずに、トップページに設定している固定ページ内の最上部に同じプラグインでオリジナルのスライダーを作るとかで対応できそうですね😊

今後似たようなトラブルで悩む人が出るかもしれないので、どのように対応したかを記載していただくと、次の方の役に立つかなと思います😊

This post was modified 2年前 by みさき@セブ島

SWELLを中心としたCSSカスタマイズのメモブログをゆるゆると運営しています
https://misaki-web.com

 
投稿済 : 13/08/2022 2:45 am
しらこ reacted
しらこ
(@96ssbike)
投稿: 834
メンバー
 

何のプラグインかなと思ったら、「お客様の声」用のプラグインなんですね。

もし使われたい場合は、みさきさんのおっしゃる通り「ページ送り矢印を非表示」というのが良いかもしれませんね。
(Swiperは二重で読み込まれますが)

また、他にも「お客様の声」用のプラグインはありますので参考にしてみてください。
https://www.hiskip.com/wp/plugin/testimonials
↑このブログ、なかなか便利です。

また、鰥夫さんのブログを参考にして、Flickity(jQuery不要)でカルーセル(スライダー)を作って、
https://point-of-view.blog/swell-customize-how-to-use-flickity2/
上記ブログを参考にしつつ、SWELLの評価スター機能を使いながら、
https://swell-theme.com/shortcode/#index_id2
お客様の声のカルーセルを作っても良いかもしれませんね。

(カスタマイズは自己責任でお願いします)

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

 
投稿済 : 14/08/2022 1:06 am
MARI1254D
(@mari1254d)
投稿: 1
メンバー
 

同じ不具合に悩まされていたので助かりました。こちらでは「Team」というスタッフ一覧などを作るプラグインで発生しました。同じトラブルに見舞われた方がいるかもと思い、返信失礼しました。

 
投稿済 : 15/08/2022 9:23 am
共有: