サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2023年9月6日 13:58
初めまして。
フリー素材サイトを作っている者です。
Androidでは未確認ですが、iPhoneのChromeにおいて画像保存をしたときにアイキャッチ画像に設定されている画像と同じ画像を記事内で保存すると添付ファイルのような４分割された左上の画像が保存される不具合がありました。
（Chromeのバージョンが違う２台で確認済です。）
他のSafariやGoogleアプリでは通常に保存されます。
又、iPadやPCでのChromeでも通常通り保存されます。
ちなみにためしに保存してみた画像はすべて4分割された左上の画像で保存されます。同じ記事内の他の画像は問題なく保存できます。
Chrome側の不具合なのかもわかりませんが、まずはこちらでご相談したほうがいいかと思いご報告参りました。
よろしくお願いいたします。
----------------------------------------------
サイト名：素材屋えある
サイトURL： https://s-earu.com
ホームURL： https://s-earu.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
WordPressバージョン：6.3.1
PHPバージョン：8.2.4
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.4.8
カテゴリー数：7
タグ数：45
ユーザー数：1
----------------------------------------------
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
----------------------------------------------
利用中のプラグイン：
ConoHa WING コントロールパネルプラグイン 1.2
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.8
Custom Taxonomy Order 3.4.4
Search Exclude 2.0.4
WP Sitemap Page 1.9.2
----------------------------------------------
2023年9月6日 18:19
Androidでは未確認ですが、iPhoneのChromeにおいて画像保存をしたときにアイキャッチ画像に設定されている画像と同じ画像を記事内で保存すると添付ファイルのような４分割された左上の画像が保存される不具合がありました。
この状態が分かりやすい編集画面のスクリーンショットをいただいてよろしいでしょうか。
一応テーマ側ではそういった動作は意図的には書いていません。嘘なるのだとしたら、おそらくWordPressの不具合の可能性が高いような気がするけど。
とはいえ初めて聞いた症例です。
2023年9月7日 20:41
恐れ入りますが、よくわからないです。
繰り返しになりますが編集画面（管理画面）ではどのように保存されているのでしょうか｡
できればトリミングとかはしないで、編集画面の全体像がわかるスクリーンショットをアップしていただければ幸いです。
SHAMOJI reacted
トピックスターター 2023年9月8日 11:42
恐れ入ります、説明が上手くいって無かったようです。
当サイトはフリー素材のイラストサイトで、訪問者様が画像を保存して使用してもらう形式になってます。
その訪問者様側がiPhoneのChromeアプリを利用で画像を保存した場合のみ確認されている不具合です。
保存された画像がアイキャッチに使用されている画像と同じ場合のみ、おかしな状態で保存されるという事です。
2023年9月8日 12:16
SHAMOJIさん
わいひらさんは以下のように仰っています。
編集画面（管理画面）ではどのように保存されているのでしょうか｡
Gutenberg（ブロックエディタ）では、どうなのかと言うことだと思われます。
SHAMOJIさんの返信は、答えになっていないと思われます。
どのように編集なさっているのか。
どんなブロックを使用なさっているのか。
そのブロックの設定はどのようになっているのか。
それでも、ブロックではないのか。
そのようなことを、ご質問なさっているものと思われます。
（違うのかしら・・・？）
少し思うのは、画像のダウンロード操作も、何種類かあるような気がします。
そのまま長押しで保存するのか。
1度タップして、拡大してから保存するのか。
その両方で発生するのか、それとも一方だけなのか。
それ以外の方法もあるのか。
どういう設定・編集方法なのか。
ダウンロードはどういう方法なのか。
その両面で詳しくご説明いただいた方が良いと思います。
事象が再現できるのかどうか。
どういう場合に発生するのか。
それらが手掛かりになるかもしれないですし。
2023年9月8日 20:07
私のiPhoneXRでも発生します。
ただ、正しく保存できる画像もあり謎です。
以下の状態かと思います。
●設定
[Cocoon設定]→[画像]→画像の拡大効果「Lity」
●投稿ページ
HTMLを見ると「ギャラリー」ブロックに画像を並べているかと思います。
その際、画像にメディアへのリンクを設定。
●現象
正しく保存できない画像は、どれも左上基点に約400px正方形でトリミングされます。
検索一覧「ブタ」
https://s-earu.com/?s=%E3%83%96%E3%82%BF
サムネイル長押し「画像を保存」OK
投稿ページ
https://s-earu.com/pig/
ブタ画像長押し「画像を保存」NG
画像クリックし、拡大表示
画像長押し「画像を保存」NG
拡大表示した後、一旦、「画像を開く」→「画像を保存」OK
トピックスターター 2023年9月12日 08:03
お二方、ありがとうございます。
chu-ya様詳しくありがとうございます。まさにです。
画像の拡大効果「Lity」
ギャラリーのブロックで画像を並べております。
本来の画像自体の大体は1000px角になっています。
右のアイキャッチ画像と同じ画像をiPhoneアプリのChromeでタップして拡大して保存、またはタップ前に長押しして保存の場合におかしく保存されるようです。
添付ファイルのアイキャッチ画像ですと左下のカヌレをアイキャッチに指定してます。
アイキャッチ画像に指定していない他の画像保存は通常通り保存されるようです。
わいひら reacted
トピックスターター 2023年9月12日 10:38
追記
アイキャッチに使用した以外の画像が通常通り保存されると書きましたが、
アイキャッチ画像に指定していないものも、よく確認したら1000px角のものは390px角に圧縮されて保存されていました。
Chrome以外では確認した限り正常通り（1000px角）保存されます。
2023年9月13日 20:15
Lityのバージョンを確認してみたらv2.2.2 - 2017-07-17でした。
https://github.com/yhira/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/plugins/lity/dist/lity.css#L1C12-L1C31
最新の安定版はv2.4.1 - 2020-04-26みたいなのでとりあえずそれにアップデートしてみたいと思います。
SHAMOJI reacted
2023年9月13日 20:25
Lityをv2.4.1 - 2020-04-26にアップデートしてみました。
こちらのファイルでアップデートしてみても同様の動作になりますでしょうか。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
恐れ入りますが僕はiPhone環境を所有しておりません。
もし可能であればで良いので試してみていただければ幸いです。
2023年9月13日 20:33
とはいえアップデートしたファイルはjsかcssだけなので、これだけで改善するとはちょっと考えづらいかもしれません。。
https://github.com/xserver-inc/cocoon/commit/43c99ad58a03a883d73a10e6204ef1ac8f5685cb
SHAMOJI reacted
トピックスターター 2023年9月13日 23:43
Lityi以外の拡大でもやはり同じように圧縮されて保存されてしまいます。
拡大なしで長押し保存でも同じように保存されてしまいました。。
現状、正常に保存できるのは直接メディアのリンク".png"で終わるページのみのようです。
2023年9月14日 01:01
投稿ページ
https://s-earu.com/pig/
ブタ画像長押し「画像を保存」NG
拡大なしでも同様でした。
Chromeの問題なのか、テーマなのか、切り分ける必要があり。
一旦、WordPress標準テーマ「Twenty Twenty-Three」などに切り替え確認する手はあるかと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。