スライダーが表示されないエラーを修正/モバイルページ

モバイルページのスライドショー WP プラグイン

スライダーが表示されない

Sponsor

モバイルページとAMPページとPCのページのスライダー

PC(Chrome)のページ

PCのスライダー
PCのスライドショー

スライドショーは表示されています。

AMPページ

AMPページのスライダー
AMPページのスライドショー

スライドショーは表示されています。

モバイルページ

モバイルページのスライダー
モバイルページのスライドショー 表示されない

スライドショーは表示されていません。

Sponsor

モバイルページでスライダーが表示されない

モバイルページはスライドショーやスライダーはNGなのか?

モバイルページのスライダー(Smart sliderで設置)

モバイルページのスライダーが表示されない
モバイルページのスライダー

プラグインで設定しているスライダーは表示されています。

ブロックのスライダーはJetpackによるもの/スライドが表示されない

Jetpack by WordPress は様々な機能を追加してくれるプラグインです。実は Jetpack by WordPress を多用しています。

Jetpackの設定を確認/スライダーが表示されない
Jetpack by WordPress

様々なウィジェットが利用できるようになります。

Jetpackによるスライドショー/スライダーが表示されない
Jetpack by WordPress

Async JavaScript と JetPack/ スライドが表示されない

  • Async JavaScript(非同期JavaScript)
  • JetPack

Async JavaScriptを停止することでモバイルページもスライドショーが表示されました。

「Async JavaScript」の「除外するプラグイン」にJetPackを入れても、エラーはなくなりませんでした。

cocoonの高速化→JavaScriptを縮小化するの設定

「JavaScriptを縮小化する」にチェックを入れ、「縮小化しない」に次の2つを入れます。

/wp-includes/js/dist
/wp-content/plugins/jetpack/

モバイルページでスライドショーが表示される

モバイルページのスライドショー
モバイルページのスライドショー

Async JavaScript 非同期とは?

ウェブページを快適に閲覧してもらうためには、Async JavaScriptを利用し高速化も重要ですが、非同期とはどういうことでしょうか?下のリンクに簡単に説明しています。

非同期処理と同期処理 Async JavaScriptとAutoptimizeの利用 - WordPress
WP非同期最適化 プラグインAutoptimizeとAsync JavaScriptを使用し非同期とサイトの最適化・高速化を計ります。
新しいタブで開く)

Autoptimize と Jetpack によるエラー

プラグイン公式 Jetpack

ブラグインのインストールなど、サイトを変更する場合は、バックアップをとって行ってください。

WP プラグイン
Sponsor
ゆきををフォローする