Enable Media Replaceで同じ名前のファイルを入れ替え

  • Plugin
  • 画像バナーなどプレビューを確認してから修正して、画像を入れ替えることがあります。しかし、WordPressデフォルトでは、画像入れ替えの機能はありません。今回は、Enable Media Replace同じ名前のファイル入れ替える方法を紹介します。

    画像配置

    カバーブロックに画像を挿入し、タイトルを入れました。今回は、この画像を修正、入れ替えします。

    カバーブロックに画像を挿入

    この画像を修正、入れ替え

    画像修正

    フォトショップで画像を開き、背景のみグリーンに色変更しました。

    背景のみグリーンに色変更

    入れ替え

    メディアライブラリ元画像サムネイルをクリックします。添付ファイルの詳細が表示されるので、新しいファイルをアップロードボタンをクリックします。アップロード画面が表示されるので、右の新規のところに、画像ドラッグ&ドロップします。修正した画像右側に表示されます。下のアップロードボタンをクリックします。これで入れ替え終了です。

    メディアライブラリ元画像サムネイルをクリック

    新しいファイルをアップロードボタンをクリック

    新規のところに、画像ドラッグ&ドロップ

    修正した画像右側に表示

    アップロードボタンをクリック

    確認

    メディアライブラリを開き、画像サムネイルが変更されているか確認します。また、編集画面を開き、カバー背景画像が変更されているか確認します。最後にプレビューを確認します。

    サムネイルが変更されているか確認

    カバー背景画像が変更されているか確認

    プレビューを確認

    反映に時間がかかることがある

    画像入れ替えを実行して、すぐにメディアライブラリを確認しても、プレビューが変更されないことがあります。時間をおいて確認しましょう。

    以上で今回の説明は終了です。全体的な色変更であればブロックエディターの機能で可能です。しかし、細かい色修正や、マスクを使っての色変更は、フォトショップなどで修正後、今回の手順で画像を入れ替えましょう。