wordpressのメディア編集時に「画像を編集」が表示されない件について。

Question

前提・実現したいこと

wordの「ブログ投稿」機能を使用してwordpressに記事をアップしています。
しかし「ブログ投稿」でアップされた画像は「画像を編集」が表示されず、編集できません。

原因、対策をご教授いただけると助かります。

発生している問題・エラーメッセージ

wordのブログ投稿機能を経由しアップされた画像は、画像を編集ボタンが表示されずトリミング、回転等ができません。

メディアに直接アップした画像は「画像を編集」ボタンが表示され、編集できます。

試したこと

・ファイルのパーミッションを確認、「666」でした。
・画像に原因があるのかと思い、通常通りアップしたところ編集できました。

補足情報（FW/ツールのバージョンなど）

CONOHA VPSサーバー
KUSANAGI
wordpress バージョン 5.3.2
使用テーマ cocoon

Answer 1

原因
Wordに挿入して投稿した画像のpost_mime_typeがimage/jpgになるため

if ( wp_image_editor_supports( array( 'mime_type' => $post->post_mime_type ) ) ) {
	$nonce             = wp_create_nonce( "image_editor-$post->ID" );
	$image_edit_button = "<input type='button' id='imgedit-open-btn-$post->ID' onclick='imageEdit.open( $post->ID, \"$nonce\" )' class='button' value='" . esc_attr__( 'Edit Image' ) . "' /> <span class='spinner'></span>";
}

で引っかかり編集ボタンが表示されない。

そして編集可能なファイル形式は以下の3つだけとなっている。
(通常は拡張子がjpgのファイルをアップロードしてもjpegになるのでimage/jpgを含める必要がなく且つそこまで想定していないからだと思われる)

switch ( $mime_type ) {
	case 'image/jpeg':
		return ( $image_types & IMG_JPG ) != 0;
	case 'image/png':
		return ( $image_types & IMG_PNG ) != 0;
	case 'image/gif':
		return ( $image_types & IMG_GIF ) != 0;
}

対策
少々強引だが、画像が追加された際にpost_mime_typeを確認してimage/jpgだったらimage/jpegに強制的に書き換えてしまう。
以下のコードをテーマのfunctions.phpに追加するかプラグイン化

add_action( 'add_attachment', function( $post_ID ){
	$attachment_data = get_post( $post_ID );
		if( $attachment_data->post_mime_type === 'image/jpg' ) {
			$my_attachment = array(
				'ID' => $post_ID ,
				'post_mime_type' => 'image/jpeg'
			);
			wp_update_post( $my_attachment );
		}
} );

Comments

[toppo0]

具体的なソースまでお送りいただきありがとうございます！

早速、お送りいただいたソースをfunctions.phpに追加し、ブログ投稿機能から再アップロードしたところ「画像を編集」が表示され、編集できるようになりました！

迅速な対応と的確な回答をいただき有難う御座いました。

Answer 2

マイナス評価、確認いたしました。

他のテーマ（WPデフォルトテーマのTwentyシリーズ）に変更したり
クリーンインストール等もお済みの状態で
いろいろ試行錯誤されたうえでのご質問だったのでしょう。

toppo0さんの望まない、見当違いの回答をしてしまったようで、
お役に立てなかったことと推測いたします。

他のかたの判断素材になるかもしれませんので
私の提示したテスト環境と異なる点がありましたら
質問に追記してみてください。
（サーバー側のphpのバージョン、Wordのバージョン 等）

Answer 3

• WordPress環境

ロリポップ（php 7.3）／WordPress 5.3.2／テーマ『Cocoon』2.0.5

• 画像投稿テスト環境

Word2013 ＋ Windows8.1／Wordテンプレート『ブログの投稿』を使用

上記環境にてタイトルと画像1点のみを投稿し
ビジュアルエディタの画像をクリックしたところ
以下のツールが表示されました。

（右から2番目の鉛筆アイコンが編集画面呼び出しボタン）

メディアに直接アップした画像は「画像を編集」ボタンが表示され、編集できます。

とのことなので、いちど『wordの「ブログ投稿」機能でアップした画像』と
『メディアに直接アップした画像』とのHTMLソースに差異は無いか、
テキストエディタ等で比較してみてください。

また、

• Cocoonテーマを最新版に更新
• ビジュアルエディタ←→テキストエディタの切り替え
• Cocoon設定＞エディターで「Gutenbergエディター」のオン/オフ

などもお試しください。

Comments

[toppo0]

回答ありがとうございます。

マイナス評価は私がしたものでは無いため、恐らく他の方が押されたものかと思われます。

編集画面の呼び出し自体はできるものの、そこから先のトリミング、画像の回転の編集画面を開く事ができない状態でした。

また、何かありましたら宜しくお願い致します。