サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年8月4日 23:30
相談内容:wordpress5.8のアップデートで吹き出しが使えないエラーがでました。ビジュアルモードで書くとエラーになって、投稿の画面が落ちます。
解決のために試したこと:エディターモードで、過去記事の吹き出し部分のHTMLをコピーして貼り付けてみましたが、ビジュアルモードにすると流行りエラーになります。
ご回答よろしくお願いいたします。
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
---------------------------------------------- サイト名:Tommy's Blog サイトURL: https://tommy2blog.com ホームURL: https://tommy2blog.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バージョン:5.8 PHPバージョン:7.4.12 ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 サーバーソフト:LiteSpeed サーバープロトコル:HTTP/1.1 エンコーディング:gzip, deflate, br 言語:ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名:Cocoon バージョン:2.3.4 カテゴリ数:6 タグ数:0 ユーザー数:2 ---------------------------------------------- 子テーマ名:Cocoon Child バージョン:1.1.2 style.cssサイズ:3308バイト functions.phpサイズ:4327バイト ---------------------------------------------- Gutenberg:1 AMP:0 PWA:0 Font Awesome:4 Auto Post Thumbnail:0 Retina:1 ホームイメージ: http://tommyscrypto.chu.jp/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化:0 HTML縮小化:0 CSS縮小化:0 JavaScript縮小化:0 Lazy Load:0 WEBフォントLazy Load:0 ---------------------------------------------- 利用中のプラグイン: Contact Form 7 5.4.2 ----------------------------------------------
2021年8月5日 00:10
とみーさん
WordPress 5.8リリース時に、吹き出しのテストを何回かしたのですが…。
今、確認してみましたが、私の環境では問題ないようです。
(WordPress 5.8、Cocoon 2.3.4、PHP7.4です。)
ブロックエディタ。
クラシックエディタ。
解決のために試したこと:エディターモードで、過去記事の吹き出し部分のHTMLをコピーして貼り付けてみましたが、ビジュアルモードにすると流行りエラーになります。
ソースを貼り付けても、ダメだというのが。。。
wordpress5.8のアップデートで吹き出しが使えないエラーがでました。
「エラー」とは、何かメッセージが表示されるのでしょうか。
ビジュアルモードで書くとエラーになって、投稿の画面が落ちます。
落ちるとは?
どういう状態になるのでしょう?
落ちたその後は、どうなるのでしょう?
わいひら reacted
2021年8月5日 07:58
前略、とみーさん
Google Chromeでやっても変わりありませんか?
2021年8月5日 15:02
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36
Chromeをご利用のようなんですよね。(おそらく現時点で最新。)
Safariの場合は、上記の「Chrome/92.0.4515.131」の位置に、「Version/14.0」みたいな感じで、Safariのバージョンが入ります。
逆にSafariでやってみるのも一案?
Topic starter
2021年8月5日 17:29
ありがとうございます!
Safariでやったらとりあえずできました。
原因なんなんですかね?
吹き出しを使ったときの表示と、投稿自体が落ちたときの表示を添付しました!
mk2 reacted
2021年8月5日 17:58
とみーさん
画像の添付ありがとうございます。
私は、初めて見ます、このエラーは。
ちょっと私には分からないかもしれません。
とりあえず、Safariではできるみたいですので、しばらくSafariを使っていただくのが良い気がします。
このトピックをご覧の方で、MacOS・Chromeの環境の方に、吹き出しを追加するとどうなるのか、お試しいただきたいところです。
(エラーがでるようであれば、Safariではどうなるかもお試しいただきたいです。)
同様のエラーが発生するのか分かると、手掛かりになるかもしれません。
同じChromeでも、MacとWindowsでは違いがあるみたいなんですよね。
私はWindows・Chromeですが、最初の方のGIFの通り、問題なく操作できています。
わいひら reacted
2021年8月6日 18:28
ありがとうございます。
今のところ、Safariで投稿を作成する、キャッシュを削除する。で対応できています。
しかし、やはり動作が不安定だったり、今度は画像が正しく表示されず、?マークの画像になる吹き出しがあります。
共通点は、吹き出しのテンプレート名に漢字をつかっていることだったので、変更してみましたが、変わりありませんでした。
原因はわからないのですが、念のため共有です。
2021年8月6日 18:36
とみーさん
WordPressは、海外製のCMSですので、日本語などのマルチバイト文字の扱いは得意ではないです。
吹き出しのテンプレート名に漢字をつかっていることだったので、変更してみましたが、変わりありませんでした。
この可能性は、ある気はします。
WordPressの日本語環境では、以下のプラグインが必須と言えます。
WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/
このプラグインをインストールしておいた方が良さそうです。
(昔は、日本語のWordPressには同梱されていたのですが。。。)
但し、このプラグインを入れても、既にアップロード済だったり作成済のものに対しては、適用されないと思われます。
あくまでも、これからアップロードするもの、作成するものに対して有効とお考えください。
わいひら reacted
2021年8月6日 21:14
ご提示いただいた環境情報と、どうも違いますね。
もしかすると、ご提示いただいた後に、プラグインをインストールなさったのかもしれませんが。
少なくとも…。
- EWWW Image Optimizer
- Native Lazyload
は、インストールされているように見えます。
(他にもありますが。。。)
これらのプラグインは、いつインストールなさったのでしょうか。
機能が被りまくっている可能性はありそうです。
もはやWordPressがネイティブLazyloadに対応している今となっては。。。
わいひら reacted
2021年8月6日 21:18
@mk2_mk2 さん
ご回答ありがとうございます。
プラグインいれてみました。
それでもやはり、?マークになってしまいます。
?マークになる顔が決まっているというのもなんか変ですよね。
@leafytree さん
Classに不要なものが入っているという感じなんですかね?
どのように改善したらよいのかわからないのですが
この状態を改善できそうな方法があったら教えてもらえるとたすかります。
はてなマークになっている画像を添付します。
2021年8月6日 21:25
とみーさん
「Native Lazyload」は、現在では不要なプラグインです。
WordPress自体が、既にLazyloadには対応しています。
なおかつ、2年以上も更新されていないプラグインであり、WordPressの5.3.8まででしか、テストが行われていません。
インストールすることで不具合が発生する可能性があります。
また、EWWW Image Optimizerの遅延読み込み機能もオフにする必要があると思います。
上記と同じ理由で、WordPressが標準でLazyloadに対応しているからです。
環境情報が変わったことは、お知らせいただきたいです。
わいひら reacted
2021年8月6日 21:30
とみーさん
Classに不要なものが入っているという感じなんですかね?
どのように改善したらよいのかわからないのですが
この状態を改善できそうな方法があったら教えてもらえるとたすかります。
通常は何か問題が生じた場合には、WordPressとCocoonの問題であるかどうかの切り分けのため、プラグインを全て停止して、なおかつ、ブラウザやレンタルサーバーのキャッシュを削除して、それでも症状が再現するかどうかを確かめます。
WordPressとCocoon以外を排除することで、それ以外の要因との因果関係が含まれないようにする意味です。
原因が不明なまま、別の要因(プラグイン)を加えていくと、さらに、いろいろな要因が加わってしまうため、原因を探ることは困難になってきてしまうような気がします。
わいひら reacted
2021年8月6日 21:44
2021年8月6日 21:50
---------------------------------------------- サイト名:Tommy's Blog サイトURL: https://tommy2blog.com ホームURL: https://tommy2blog.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バージョン:5.8 PHPバージョン:7.4.12 ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15 サーバーソフト:LiteSpeed サーバープロトコル:HTTP/1.1 エンコーディング:gzip, deflate, br 言語:ja-jp ---------------------------------------------- テーマ名:Cocoon バージョン:2.3.4 カテゴリ数:6 タグ数:24 ユーザー数:2 ---------------------------------------------- 子テーマ名:Cocoon Child バージョン:1.1.2 style.cssサイズ:3308バイト functions.phpサイズ:4327バイト ---------------------------------------------- Gutenberg:1 AMP:0 PWA:0 Font Awesome:4 Auto Post Thumbnail:0 Retina:1 ホームイメージ: http://tommyscrypto.chu.jp/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化:0 HTML縮小化:0 CSS縮小化:0 JavaScript縮小化:0 Lazy Load:0 WEBフォントLazy Load:0 ---------------------------------------------- 利用中のプラグイン: WP Multibyte Patch 2.9 ----------------------------------------------
2021年8月6日 21:53
キャッシュを消して、プラグインを一つにしても、?マークの画像は変わりませんでした。
テンプレートを一回削除してから、平仮名で登録してやってみます!
2021年8月6日 22:12
私は、?マークの吹き出しがどこかを把握していないのですが。
(プロフィールウィジェット?の画像は表示されてないですが。)
(プロフィールウィジェット?の画像は表示されてないですが。)
但し、このプラグインを入れても、既にアップロード済だったり作成済のものに対しては、適用されないと思われます。
上記のものはあるかもしれません。
「WP Multibyte Patch」インストール後に、アップロードすると、日本語の入ったファイル名はサニタイズされますが、それ以前のものは日本語のままで、不具合を引き起こす可能性はあります。
リフィトリーさんの仰る通り、画像などのファイル名には英数などの1バイト文字だけを使用するのが、良いと思います。
(サニタイズされてしまうと、何だかよく分からないファイル名になってしまい、管理が難しいです。)
わいひら reacted
2021年8月6日 23:26
お二人ともありがとうございます!
もとから入っていた画像を完全に削除し、再度入れ直して、吹き出しのテンプレートを作り直したら治りました!
アップロードしていた画像に問題があったのかもしれません。
今後はアップロードのファイルなども念のため、全て半角英数にして対応していきたいと思います。
ありがとうございました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。