WPの

~ワードプレス関連~

カスタム投稿タイプのクイック編集でカスタムフィールドを表示・編集・保存する方法

   

WordPressのクイック編集をカスタマイズする

今回、WordPressでショップ機能のない商品の在庫表をカスタム投稿タイプで作成する案件がありました。
在庫数のカスタムフィールドがあり、いちいち個別で記事の編集を開き、在庫数を書き換えるのは面倒なので、一覧でクイック編集できるようカスタマイズしました。

手順

カスタム投稿タイプのクイック編集へカスタムフィールド項目を追加する手順です。
編集と作成するファイルは2つ。

  • 有効化しているテーマ/functions.php
  • 有効化しているテーマ/js/admin-edit.js

functions.php

テーマ直下のfunctions.phpの一番下に追記します。

複数箇所に登場する「カスタム投稿タイプのスラッグ」と「カスタムフィールドのスラッグ」は、それぞれ同じ値です。

任意のJSファイル

functions.phpで「カスタム投稿タイプ一覧のクイック編集を開いた時のフィールドへ値を表示するjQueryを指定」の部分の通りに、
有効化しているテーマの直下に「js」フォルダを作成し、中にadmin-edit.jsを用意します。
JSファイルの中身は以下のとおりです。

以上をアップロードして完成です。

カスタム投稿タイプのクイック編集をカスタマイズ

コチラを参考にさせて頂きました→[WordPress]カスタムフィールドをクイック編集で保存する方法について

 - WordPress