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カスタマイズ依頼

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

iPhoneにおいてのChromeでの...
 
共有:
通知
すべてクリア

[解決済] iPhoneにおいてのChromeでの画像保存がおかしい

18 投稿
4 ユーザー
14 Reactions
516 表示
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

初めまして。

フリー素材サイトを作っている者です。

Androidでは未確認ですが、iPhoneのChromeにおいて画像保存をしたときにアイキャッチ画像に設定されている画像と同じ画像を記事内で保存すると添付ファイルのような4分割された左上の画像が保存される不具合がありました。

(Chromeのバージョンが違う2台で確認済です。)

他の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
----------------------------------------------


   
引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17007
 

投稿者:: @shamoji

Androidでは未確認ですが、iPhoneのChromeにおいて画像保存をしたときにアイキャッチ画像に設定されている画像と同じ画像を記事内で保存すると添付ファイルのような4分割された左上の画像が保存される不具合がありました。

この状態が分かりやすい編集画面のスクリーンショットをいただいてよろしいでしょうか。
一応テーマ側ではそういった動作は意図的には書いていません。嘘なるのだとしたら、おそらくWordPressの不具合の可能性が高いような気がするけど。
とはいえ初めて聞いた症例です。


   
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

@yhira 

このような感じで分かるでしょうか?


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17007
 

恐れ入りますが、よくわからないです。
繰り返しになりますが編集画面(管理画面)ではどのように保存されているのでしょうか。
できればトリミングとかはしないで、編集画面の全体像がわかるスクリーンショットをアップしていただければ幸いです。


   
SHAMOJI reacted
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

@yhira 

恐れ入ります、説明が上手くいって無かったようです。

 

当サイトはフリー素材のイラストサイトで、訪問者様が画像を保存して使用してもらう形式になってます。

その訪問者様側がiPhoneのChromeアプリを利用で画像を保存した場合のみ確認されている不具合です。

保存された画像がアイキャッチに使用されている画像と同じ場合のみ、おかしな状態で保存されるという事です。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7653
 

SHAMOJIさん

わいひらさんは以下のように仰っています。

投稿者:: @yhira

編集画面(管理画面)ではどのように保存されているのでしょうか。

Gutenberg(ブロックエディタ)では、どうなのかと言うことだと思われます。

SHAMOJIさんの返信は、答えになっていないと思われます。

 

どのように編集なさっているのか。
どんなブロックを使用なさっているのか。
そのブロックの設定はどのようになっているのか。
それでも、ブロックではないのか。

そのようなことを、ご質問なさっているものと思われます。
(違うのかしら・・・?)

 

少し思うのは、画像のダウンロード操作も、何種類かあるような気がします。

そのまま長押しで保存するのか。
1度タップして、拡大してから保存するのか。

その両方で発生するのか、それとも一方だけなのか。
それ以外の方法もあるのか。

 

どういう設定・編集方法なのか。
ダウンロードはどういう方法なのか。

その両面で詳しくご説明いただいた方が良いと思います。

事象が再現できるのかどうか。
どういう場合に発生するのか。

それらが手掛かりになるかもしれないですし。


   
SHAMOJI and わいひら reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2678
 

私の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

   
SHAMOJI and わいひら reacted
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

お二方、ありがとうございます。

 

chu-ya様詳しくありがとうございます。まさにです。

画像の拡大効果「Lity」

ギャラリーのブロックで画像を並べております。

本来の画像自体の大体は1000px角になっています。

 

右のアイキャッチ画像と同じ画像をiPhoneアプリのChromeでタップして拡大して保存、またはタップ前に長押しして保存の場合におかしく保存されるようです。

 

添付ファイルのアイキャッチ画像ですと左下のカヌレをアイキャッチに指定してます。

アイキャッチ画像に指定していない他の画像保存は通常通り保存されるようです。

 


   
わいひら reacted
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

追記

アイキャッチに使用した以外の画像が通常通り保存されると書きましたが、

アイキャッチ画像に指定していないものも、よく確認したら1000px角のものは390px角に圧縮されて保存されていました。

 

Chrome以外では確認した限り正常通り(1000px角)保存されます。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17007
 

詳細をありがとうございます。

投稿者:: @shamoji

画像の拡大効果「Lity」

Lity以外の画像拡大効果だと問題なく動作しますでしょうか?


   
SHAMOJI reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17007
 

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
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17007
 

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環境を所有しておりません。
もし可能であればで良いので試してみていただければ幸いです。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17007
 

とはいえアップデートしたファイルはjsかcssだけなので、これだけで改善するとはちょっと考えづらいかもしれません。。
https://github.com/xserver-inc/cocoon/commit/43c99ad58a03a883d73a10e6204ef1ac8f5685cb


   
SHAMOJI reacted
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

@yhira 

ありがとうございます。

しかし、変化なしでした。。


   
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

Lityi以外の拡大でもやはり同じように圧縮されて保存されてしまいます。

拡大なしで長押し保存でも同じように保存されてしまいました。。

現状、正常に保存できるのは直接メディアのリンク".png"で終わるページのみのようです。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7653
 

ふと思うのですけれど。

  • Cocoon設定の「画像の拡大効果」なし
  • Cocoon以外のテーマ(WordPress公式テーマなど)

上記をまだお試しいただいていないようでしたら、同じ事象が発生するのか確認してみても良い気がします。


   
SHAMOJI and わいひら reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 2678
 

投稿者:: @chu-ya

投稿ページ
https://s-earu.com/pig/
ブタ画像長押し「画像を保存」NG

拡大なしでも同様でした。

Chromeの問題なのか、テーマなのか、切り分ける必要があり。
一旦、WordPress標準テーマ「Twenty Twenty-Three」などに切り替え確認する手はあるかと思います。


   
SHAMOJI and わいひら reacted
返信引用
SHAMOJI
(@shamoji)
Active Member Registered
結合: 1年前
投稿: 8
Topic starter  

@chu-ya 

アドバイスありがとうございます。

wenty Twenty-Threeに変更してもダメでしたのでChromeの不具合と言う事ですね。

お騒がせしました、ありがとうございました。


   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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