WooCommerceの価格表記を3桁区切りにする方法

はるるるr

これはWordPressとWooCommerceを組み合わせたECサイトを制作していた時の話です。

WooCommerceの元々のテンプレートをカスタマイズしながら制作していたのですが、価格表記がなんかみにくいなーと…

そうか!3桁ずつで区切るカンマが表示されてないんやな、ということにはすぐ気が付いたんですけど、あれ?でも待てよ?あれってどうやって表示させるんだっけ?なんてことがありました。

というわけで、そんな記憶力3の自分のために備忘録。

未来の自分へ

下記ご参照ください 

<?php
echo number_format($price);/* $priceは適時変更 */
?>

number_format()関数の解説

さて今回の価格表記において重要な役割を果たしている(というかこれしかない)のがnumber_format()関数です。

これは数字をフォーマットし、見やすく表示するためのPHPの標準関数です。

特に金額表示において3桁ごとのカンマ区切りは、ユーザビリティを大きく向上させてくれます。

いやいやカンマなんてあってもなくても変わらないでしょーって思ったあなたのために、カンマありなしの表記置いておきますね。(どっちが正解とかはない)

¥123,456,789
¥123456789

number_format()関数の使い方

number_format()関数は、数値をフォーマットして文字列として返します。

基本的な使用方法は非常にシンプルです。
例えば、number_format(1000)は"1,000"という文字列を返します。

まとめ

number_format()関数は、WordPressとWooCommerceを組み合わせた際に、数字の表示をユーザーフレンドリーにする強力なツールです。

めちゃ簡単なので覚えておきましょう(僕は忘れてましたが)

おすすめ記事

お問い合わせ

WEB制作、動画制作、オンライン配信、SNS運用代行などお気軽にご相談、お問い合わせください。

お問い合わせはこちら