WordPress Gutenbergで直接ドロップで画像を素早くアップロードする方法

2019-08-24WordPressGutenberg

新エディタ「Gutenberg」ではアップロード済みの画像を選択する時以外は編集画面が切り替わらず(全面ポップアップせず)に画像をアップロードできる様になりました。

画像ブロック

また、右カラムにあるブロックの編集項目にて画像設定ができるのも良いですね。

大事だといわれているAlt属性も設定できますし、キャプションも画像下に直接書けます。

画像ブロックの設定項目
画像ブロックの設定項目

とはいってもブロックリスト出して「画像」を選択してアップロードボタン押して、画像を選択するまで結局結構な手順です。

クラシックエディタで画像の直接ドロップアップロード

旧のエディタのクラシックエディタでは、記事投稿エリアに直接画像をドロップできました。

クラシックエディタの直接画像ドロップ
クラシックエディタの直接画像ドロップ

新エディタ「Gutenberg」でも画像の直接ドロップアップロードする事が可能になっています。

「Gutenberg」で画像の直接ドロップアップロード
「Gutenberg」で画像の直接ドロップアップロード

ドロップ時にどこに挿入するかを簡単に選べるので、使いやすいです。

画像タイトルの編集

せっかくここまで楽に画像をアップロード・設定できるので、あとは画像タイトルの編集です。

鉛筆アイコンからいつもの画像設定ビューにいけるので編集はできます。

今までは適当にそれっぽい英語の画像ファイル名にしてアップロードしてましたが、画像ファイル名に日本語タイトル付けてアップロードする様にするのもひとつの手段です。

2019-08-24WordPressGutenberg

Posted by Yousuke.U