WordPressに画像をペーストする際のトラブル
結論：ブロックエディタで作業をする
WordPressの編集画面で画像をペーストする際に色々と問題が発生していたのですが、クラシックエディタからブロックエディタに戻し、テーマ固有の機能を外したところ解決しました。詳細は以下をご覧ください。
EvernoteからWordPressへの画像ペーストで問題発生
普段、Wordpressを更新する際は下書きをEvernoteで作成しています。Evernote上でテキスト入力から説明画像の貼り付け、画像への書き込みまでできるのでとても便利です。
これまで、EvernoteからWordPressへ画像をコピペする際はプラグイン「The Paset」を使用していました。 「The Pase」は、PCでコピーした画像を記事内へペーストできるのでとても便利なのですが、Evernoteからコピペした画像のソースを確認すると、図のように数字とアルファベットの文字の羅列になってしまう事がありました。
色々と検証したところ、Evernoteでコピーをする際に【右クリック】→【画像をコピー】を使用することで一時期は解決できたのですが、その後やはり同じ問題が発生。画像によっては発生しないこともあり、原因が分からず。スクショを直接貼り付けたり、一度Photoshopを介して貼り付けてもだめでした。
WordPressの標準機能で画像をペーストできる
調べたところ、現在のWordPressでは標準機能で画像のコピペができるようになってるとのこと！
そこで「The Pase」をオフにして画像をペーストしてたのですが、図のように「Please us Ctrl+V/Cmd+V keyboard shortuts to paste contents.」というメッセージが出てうまくいきませんでした。
「Ctrl＋C」と「Ctrl+V」を使ってくれとのメッセージ。
どうやらEvernoteでコピーする際に右クリックから「画像をコピー」をしていたのが原因だったようです。 なので「Ctrl＋C」「Ctrl+V」でコピペを試したところ、貼り付けできた！と思ったら、やはりソース内で文字の羅列になってしまう現象が… 画像によってはうまくいくこともあったものの、貼り付けた画像が「メディア」に保存されないなど、やはり問題あり…
ブロックエディタを使ってみる
そこでクラシックエディタが原因なのではと思い、ブロックエディタに切り替えてみました。
ブロックエディタはあまり使ったことがなかったので色々といじってみたところ、今度は別の問題が… 編集画面で「このブロックでエラーが発生したためプレビューできません。」のメッセージが出てうまく編集できません。 メッセージの上にあるボタンなども解説サイトなどに載っているものとは違う様子…何かがおかしい！
当サイトはLuxeritasというテーマを使用しているのですが、テーマの設定画面を見たところ「Luxeritasに関連するブロック機能を無効化する」という項目がありました。このテーマ固有の機能があるようで、それが影響している可能性もあったのでON（無効化）にしてみました。
結果的にエラーも表示されなくなり、画像をペーストした際も文字の羅列にならなくなりました！
ただしブロックエディタで「クラシック版の段落」を使用するとやはり文字の羅列になってしまうようなので注意です。通常の段落などを追加してからペーストするとうまくいくようです。
また、その他にも以下の不具合が発生しました。
- 複数の画像をまとめてペーストすると、なぜか何枚かが同じ画像になってしまう。一枚づつペーストするのが確実。
- まれにアルファベットと数字の羅列になる事があり、プレビューすると本文が消えてしまう。該当の画像を消すと治る。