Toolset Types:カスタムフィールド表示方法【8】数字・数値(Number)

「Toolset Types」のカスタムフィールドの数字・数値の作成・表示方法をご紹介したいと思います。
シングルラインとは違い、半角数字以外(全角文字など)を入力すると、エラーを表示し入力できなくなりますので、入力データの形式を統一したいときなど便利です。

1. 数字・数値のカスタムフィールドの作成方法

  1. 「投稿Field Groupの編集」で「新しいフィールドを追加する」ボタンをクリック。

  2. 「Number」のボタンを選ぶ。

  3. 「フィールド名」、「フィールドスラグ」は必須で、あとはデフォルトのままでOK。
    設定できたら「Field Groupを保存する」ボタンをクリック。

  4. これで、このカスタムフィールドグループが有効になっているページの編集画面には、以下のような、数字・数値のカスタムフィールドが表示されます。

半角数字以外(全角文字など)を入力すると、エラーを表示します

数字・数値専用のフィールドになりますので、半角数字以外(全角文字など)を入力すると、エラーを表示し、入力不可になります。

2. 数字・数値のカスタムフィールドの表示方法

2-1. カンマ無し

Types Fields APIで、他のカスタムフィールドと同じように、以下のようなコードで表示することができます。
この場合、カンマは付きません。

<?php echo(types_render_field("price", array())); ?>

▼ 出力結果

2-2. カンマ有り

3桁区切りのカンマ付きで出力したい場合は、以下のように書きます。

<?php echo number_format((types_render_field("price", array()))); ?>

▼ 出力結果

3. 応用

この数字・数値カスタムフィールドを使って、足し算・引き算・かけ算・割り算など、いろんな計算もできます。

カスタムフィールドに入力された値を自動計算して平均値を出す

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です