Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

「MetaSlider」の不具合です。...
 
共有:
通知
すべてクリア

[解決済] 「MetaSlider」の不具合です。よろしくお願い致します。

8 投稿
2 ユーザー
7 Reactions
1,855 表示
 vaio
(@vaio)
Eminent Member Registered
結合: 5年前
投稿: 32
トピックスターター  

お世話になります。以前質問させて頂いたものです。

またまた困っておりますので、お力を貸して頂ければと思います。

Cocoonの不具合ではなく、プラグインの「MetaSlider」なのですが、解決方法を教えて頂ければありがたいです。

プラグインの「MetaSlider」が急に画像が右側にずれて、しかもスライダー自体が全く動かなくなりました。(画像が入れ替わらない)

それまでは普通に動いていましたが(1か月ほど)、画像を新しいものに入れ替えようとしましたら、不具合が起きました。
画像を元に戻しても、枚数を減らしてもダメでした。また、再インストールして、設定し直してもダメでした。

よい方法をご存じでしたら、よろしくお願い致します。
あまりブログラム系は詳しくないのですが、よろしくお願い致します。

「MetaSlider」はTOPページのみに表示で、ショートコードを「main-before.php」に入れています。

何卒宜しくお願い致します。m(__)m

----------------------------------------------
サイト名:桜きものサロン
サイトURL: https://test.kanoya-sakurakimono.com
ホームURL: https://test.kanoya-sakurakimono.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.2.2
PHPバージョン:8.2.8
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.2.5
カテゴリー数:2
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:4834バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Contact Form 7 5.7.7
MetaSlider 3.33.0
Site Kit by Google 1.96.0
What's New Generator 2.0.2
WP Multibyte Patch 2.9
----------------------------------------------

----------------------------------------------
サイト名:桜きものサロン
サイトURL: https://test.kanoya-sakurakimono.com
ホームURL: https://test.kanoya-sakurakimono.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.2.2
PHPバージョン:8.2.8
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.2.5
カテゴリー数:2
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:4834バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Contact Form 7 5.7.7
MetaSlider 3.33.0
Site Kit by Google 1.96.0
What's New Generator 2.0.2
WP Multibyte Patch 2.9
----------------------------------------------


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

プラグインのスタイルシートと JavaScript が読み込まれていないのが変ですね。

WordPress 管理画面 > MetaSlider > Home から該当のスライドの設定画面に進むと、右側に「高度な設定」がありました。そこで「CSS を出力」と「JS を出力」にチェックは入っているでしょうか?


   
わいひら reacted
 vaio
(@vaio)
Eminent Member Registered
結合: 5年前
投稿: 32
トピックスターター  

Akira様

お忙しいところ、ご対応ありがとうございます。
感謝致します。

早速、「CSS を出力」と「JS を出力」にはチェックが入っておりませんでしたので、チェックを入れて保存しましたが、変化がないようです。

また再度インストールし直してやってみましたが、変化がありませんでした。


   
 vaio
(@vaio)
Eminent Member Registered
結合: 5年前
投稿: 32
トピックスターター  

以前制作したものを見てみると、「CSS を出力」「JS を出力」「競合モードなし」ともチェックが入っていますが、今回の
https://test.kanoya-sakurakimono.com  

こちらにつきましては、一度チェックを入れて保存しても、もう一度「MetaSlider」を開いてみると、チェックがすべて外れた状態になっています。
ちゃんと保存されていなのでしょうか?他に原因があるのでしょうか?

ちなみに保存ボタンを押すと「Slidshow saved」は出てきますが、もう一度開いてみるとチェックがすべて外れています。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@vaio さん

保存できていないかもしれません。

保存時に JavaScript のエラーが出ていないか、以下の手順でお調べになるのがいいように思えます。

① 該当のスライドの設定画面を開きます。

② 画面上のどこでもいいので右クリックをし「検証」をクリックします。Chrome のデベロッパーツールが開きますので、Console パネルを開きます。

③ デベロッパーツールを開いたまま、保存をクリックします。

④ 正常に保存できているのなら、このような文字が Console パネルに出力されます。

MetaSlider: Saving...
MetaSlider: Settings saved
MetaSlider: Slideshow saved

 

何か赤文字が出力された場合は、JavaScript のエラーが出ています。もし、赤文字がある場合は、そのスクリーンショットを撮っていただけないでしょうか。また、広告ブロッカーをお使いの場合は、広告ブロッカーを停止しお試しになるといいかもしれません。


   
gumby and わいひら reacted
 vaio
(@vaio)
Eminent Member Registered
結合: 5年前
投稿: 32
トピックスターター  

Akira様

お忙しいところ、何回もありがとうございます。m(__)m

お教え頂いた方法で、コンソールパネルを開いて、やってみましたが、正常に保存されたときの「Slideshow saved」が表示されました。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@vaio さん

JavaScript のエラーは何も出ていないですね。

プラグインのサポートで検索しても解決方法が分かりません。似たような症状の報告はいくつかあるのですが、これといった解決方法が書かれていません。

ただ、プラグインの開発者さんは、多くのケースで以下のことを試すように提案しています。

  • ブラウザのキャッシュやサイトデータ、Cookie を削除してください。
  • 他のプラグインを停止し試してください。
  • PHP のエラーが出ていないか確認してください。

WordPress のデバッグモードを有効にすれば、PHP のエラーを確認できます。または、Error Log Monitor などのプラグインを使っても確認できると思います。

参考:WordPress でのデバッグ

とりあえず、ブラウザのキャッシュやサイトデータ、Cookie の削除からお試しになるのがいいように思えます。


   
gumby and わいひら reacted
 vaio
(@vaio)
Eminent Member Registered
結合: 5年前
投稿: 32
トピックスターター  

解決しました。

「Metasliderの幅や高さが保存できない」という記事があり、解決方法として「パーマリンク設定を保存し直せば良い」と書いてありましたので、試してみたらあっさり解決致しました。
こちらを参考に
https://hiro60.com/site_production/1130/

私の場合は「基本」に設定していて、他のものに一度変更してからまた「基本」に戻しましたが「基本」では同じ症状でしたので、「数字ベース」に変更しました。

-----------------

Akira様

お忙しいところ、いろいろと調べて下さり、また、長い時間お付き合いくださり、本当にありがとうございました。

お陰様で、何とか今回は解決できました。

Akira様のお声がけ、目の前が真っ暗になっていましたが、もう一度頑張ってみようという勇気を頂きました。
本当にありがとうございました。m(__)m


   
わいひら and Akira reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました