ワードプレス便利帳

WordPressの使い方を初心者から上級者までわかりやすく画像で解説

© ワードプレス便利帳 All rights reserved.

sumakasu_thum,

20165/24

『Welcart』にカスタムフィールドを追加する。

Welcartについて

WelcartはWordPressにショッピング機能を追加できるプラグインです。無料で商品管理や会員システム、ポイントシステムが搭載できます。少し管理画面に癖があったり、オンライン決済の設定が手間だったりする場面もあるのですが、普通に銀行振込で在庫管理できればいいよという場合にはおすすめです。

やりたいこと

ずばり、使いやすいカスタムフィールドを追加して商品情報を簡単に登録したい。

クライアントにショッピングサイトを納品する場合、PCにあまり詳しくないクライアント様でも簡単に商品を登録・管理できなければいけません。商品登録も
通常のままでは金額以外に情報が入力できるのはこのテキストエディタの広い部分と、その下につくデフォルトのカスタムフィールドのみです。

56b5dd5bdef50e87e9b9b5cb7ba63da7

商品情報において、リスト表示やテーブル表示にしたほうがわかりやすいものもあると思いますし、そもそもクライアントにはエディタで書いてもらうのではなくて穴埋め式のほうが簡単に入力できるのでは?と思ってしまいます。
かといってデフォルトのカスタムフィールドだと、毎回項目をプルダウンから選択して、入力して更新して。すでに登録してある情報も更新したらカスタムフィールドの更新ボタンと記事の更新ボタンを2回も押す必要があります。わたしはこのカスタムフィールドは嫌いです。面倒くさくて。

ということで今回は、煩わしい操作が必要ない、クライアントに優しいカスタムフィールドを、Welcartに追加したいと思います。

070740e74de65ba31eeb96643e5147af

使用するプラグインは?

基本的に私が使うカスタムフィールドは3種類あります。『Smart Custom Field』『Advanced Custom Fields』『Toolset Types』ですが、今回使用するのは『Smart Custom Field』です。

というのも、一応すべて試してみたのですがWelcartと相性がよかったのがSmart Custom Fieldだけでした。

Smart Custom Field

5b4004f32ca118ba81cad451cce2b7ff

これは一番うまく行きました。新規投稿の際からごちゃっとせずにわかりやすくカスタムフィールドが表示されていました。ひと目見た時から彼に決めました。

Smart Custom Field

Advanced Custom Fields

f61ccd077391c708552c69bf8e30079c

これは通常の固定ページなどだったら一番使い勝手の良いプラグインだと思います。が、今回は、Welcartと相性が悪いのか有効化にしても投稿ページにカスタムフィールドが現れず…。泣く泣く没になりました。

Advanced Custom Fields

Toolset Types

7e27f985e0e837e4b2c389fefe34bee0

これはカスタム投稿やカスタムフィールド、タクソノミーなどもまとめて作成できるカスタムキット。こちらも試しましたが、新規投稿でカスタムフィールドが表示されない。一度商品を登録してしまえばカテゴリに応じてカスタムフィールドの入力欄が投稿ページに出てくるのですが、なんだそのツーステップ。ということでこちらも今回は断念。

Toolset Types

設定方法

プラグインを有効化して、下記のように自由に必要な項目を作成します。なんといっても、繰り返し機能も使えてしまうのだからこのプラグインはすぐれものです。

e3e49ec53c116b867810c006b440db0a

保存をすれば、Welcartの新規投稿ページの一番下に先ほどのカスタムフィールドガ表示されているはずです。デフォルトのカスタムフィールドを使わなくても、画像のアップロードまでカスタムフィールドで出来てしまうのです。

記述方法

記述したい箇所に下記のカスタムフィールド表示のタグを貼り付けます。商品詳細ページでしたら、wc_item_single.phpです。

ID , '産地' ,true); ?>

ちなみに繰り返しの場合はこちら

 $field_value ) { ?>
	

以上です

あとはCSSやPHPでデザインを調節してください。
以上、Welcartにカスタムフィールドを追加して便利にする方法でした。

  • このエントリーをはてなブックマークに追加

関連記事

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

gsvgadvg

20172/17

カスタムフィールドでカレンダーを自作【プラグインいらず】

カスタムフィールドだけでカレンダーを自作 プラグイン不要というのはカレンダープラグインを使わずという意味であってカスタムフィールド系のプラ…

20161102200516

201611/2

ループの中に罫線を追加する方法

ループ出力の中に区切り線を追加する ブログや製品・商品情報として、1行ごとに罫線を追加したい、というデザインもあると思います。 しかしル…

20161017154512

201610/17

『WordPress importer』と『Search Regex』を使って画像ごと記事の引越しを行う

『WordPress importer』について WordPressからWordPressへ投稿記事の引越しに関して、WordPressは…

bsfvgs1s

201610/6

WordPressの記事・固定ページを親ごとに出力する。

投稿・カスタム投稿・固定ページのループ出力について WordPressではquery_postsやWP_Queryなどのループを使うとペー…

20160801185626

20168/1

WordPressのtitleタグのデザインを変更する

WordPressの見出しに工夫を加える WordPressは用意されたテーマを使うにしろ、独自テーマを使うにしろ、共通したページのレイア…

ページ上部へ戻る