こんにちは。fsです。
前回は商品情報の統一感を出すために、カスタムフィールドをつくってみました。
※参考記事はこちら
↓↓↓↓↓↓↓
ですが、Wordpressの標準で準備しているカスタムフィールドは不便な部分があります。
例えば、価格のところに文字列を入れるとエラーになってしまいます。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/ce7b0e152d69cac4e7954c5dc99d3474.png?resize=1024%2C388&ssl=1)
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/cf5a8fb00812886e7571bc525f5a0b0e.png?resize=894%2C265&ssl=1)
プログラミングに知識がある人であればなんとかなりますが、そうでない人にはなかなか管理が難しくなります。
そこで今回は、誰でもカスタムフィールドを操作できるように、便利なプラグインを紹介したいと思います。
Advanced Custom Fieldsをつかってみる
カスタムフィールドといったらこれ一択、と言えるほど便利なプラグインです。
早速、使っていきましょう。
インストールと有効化
まず、プラグインを検索し、Advanced Custome Fieldsを見つけたらインストールします。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/20c26060837daf07c55cc6c7947e22a8.png?resize=660%2C263&ssl=1)
カスタムフィールドを作成
有効化したら、フィールドグループをつくっていきます。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/4d6f6e9a594ee130028e674589f889aa.png?resize=619%2C283&ssl=1)
作成画面に移るので、任意のタイトルを記入し(ここでは商品管理)、フィールドを追加します。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/93eb8ee31ddd172cd7afd29b46d2b89f.png?resize=1024%2C464&ssl=1)
フィールドを追加したら、まずはラベル名とフィールド名を書いていきます。
今回は価格情報を記載していきます。
※後でカスタマイズできるようにフィールド名は英語の文字列にしています
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/32e3460f6421fd367f13745c6751ce38.png?resize=1018%2C183&ssl=1)
次にフィールドタイプを記載するのですが、これがAdvancedを使う一番のメリットです。
価格というラベルをどのような入力タイプにするか選択することができます。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/256b51c6c2759a0db250d0ff7a171ed0.png?resize=1019%2C548&ssl=1)
あとは商品情報の必須を”はい”、末尾に円をつけフィールドを閉じます。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/afe2d33a57602a7f5e92315aa4c9118c.png?resize=1024%2C716&ssl=1)
同じ要領で出版社も加えます。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/92398608de583b9647d2bfcee33439ab.png?resize=1024%2C204&ssl=1)
エディターでの記入位置を決める
次にカスタムフィールドの記入位置を変えていきたいと思います。
編集画面の右側に表示させたいので、設定のサイドを選択。
※投稿タイプの種類にも気をつけましょう(今回はカスタム投稿なので投稿タクソノミーを選択)
更新をクリックして完了です。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/25f9d5613291c946456d221cc813378a.png?resize=1024%2C546&ssl=1)
商品の編集画面に移ると右側にカスタムフィールドができています。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/b84fda3026c9d29007f0bd318df46628.png?resize=1024%2C510&ssl=1)
必要な情報を記入して表示させると、ちゃんと更新されています。
![](https://i0.wp.com/fsfuyuto.com/wp-content/uploads/2021/12/c6904dd0566febccb8b6d12cfd15d175.png?resize=283%2C264&ssl=1)
これでカスタムフィールドの設置は完了です。
まとめ
いかがだったでしょうか。
Advance Custom Fieldsを使うことで、より簡単にカスタムフィールドの設置や管理ができるようになります。
直感的にも操作しやすいプラグインになりますので、よっぽどのこだわりがない限りはこちらの使用をオススメいたします。
ぜひ試してみてください。
今回は以上です。
最後までお読みいただきありがとうございました。
簡単操作!MacBookでWordpressテーマをつくってみる!
コメント