ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」
ワードプレステーマ別

TCDテーマBeyond:「実績」の数値でカンマ区切りをなくす方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.「実績」に入力した数値が「1,000」のように3桁カンマ区切りになるのをなくしたい、入力した数字をそのまま表示させたいです。

Beyondでは以下の箇所で「実績」コンテンツを表示できます。(各リンクから実際の表示を確認できます。)

▼変更箇所イメージ(トップページのヘッダーコンテンツ)
変更箇所イメージ

A.下記の方法でカスタマイズしてください。

「入力した数値がそのまま出力される仕様」となります。逆にカンマ区切りをさせたい箇所では、カンマ込みで数値を入力してください。

・トップページのヘッダーコンテンツ

編集するファイル: header.php
編集する箇所: 143行目付近

<p class="num_area"><span class="num counter"><?php echo number_format($num); ?></span><?php if($unit) { ?><span class="unit"><?php echo esc_html($unit); ?></span><?php }; ?></p>

↓ 「number_format()」を外す

<p class="num_area"><span class="num counter"><?php echo $num; ?></span><?php if($unit) { ?><span class="unit"><?php echo esc_html($unit); ?></span><?php }; ?></p>

・トップページのバナーコンテンツ

編集するファイル: front-page.php
編集する箇所: 135・148行目付近

 <p class="num_area"><span class="num counter"><?php echo number_format($content['banner_num1']); ?></span><?php if($content['banner_unit1']) { ?><span class="unit"><?php echo esc_html($content['banner_unit1']); ?></span><?php }; ?></p>

~省略(136~147行の記述)~

<p class="num_area"><span class="num counter"><?php echo number_format($content['banner_num2']); ?></span><?php if($content['banner_unit2']) { ?><span class="unit"><?php echo esc_html($content['banner_unit2']); ?></span><?php }; ?></p>

↓ 各行の「number_format()」を外す

 <p class="num_area"><span class="num counter"><?php echo $content['banner_num1']; ?></span><?php if($content['banner_unit1']) { ?><span class="unit"><?php echo esc_html($content['banner_unit1']); ?></span><?php }; ?></p>

~省略~

<p class="num_area"><span class="num counter"><?php echo $content['banner_num2']; ?></span><?php if($content['banner_unit2']) { ?><span class="unit"><?php echo esc_html($content['banner_unit2']); ?></span><?php }; ?></p>

・トップページの実績コンテンツ

編集するファイル: front-page.php
編集する箇所: 91行目付近

<p class="num_area"><span class="num counter"><?php echo number_format($content['banner_content_num']); ?></span><?php if($content['banner_content_unit']) { ?><span class="unit"><?php echo esc_html($content['banner_content_unit']); ?></span><?php }; ?></p>

↓ 「number_format()」を外す

<p class="num_area"><span class="num counter"><?php echo $content['banner_content_num']; ?></span><?php if($content['banner_content_unit']) { ?><span class="unit"><?php echo esc_html($content['banner_content_unit']); ?></span><?php }; ?></p>

サービス記事のヘッダー内

編集するファイル: single-service.php
編集する箇所: 28行目付近

<p class="num_area"><span class="num counter"><?php echo number_format($service_box_num); ?></span><?php if($service_box_unit) { ?><span class="unit"><?php echo esc_html($service_box_unit); ?></span><?php }; ?></p>

↓ 「number_format()」を外す

<p class="num_area"><span class="num counter"><?php echo $service_box_num; ?></span><?php if($service_box_unit) { ?><span class="unit"><?php echo esc_html($service_box_unit); ?></span><?php }; ?></p>

固定ページLPテンプレートのヘッダー内

編集するファイル: page-lp.php
編集する箇所: 69行目付近

<p class="num_area" style="color:<?php echo esc_attr($lp_box_num_color); ?>;"><span class="num counter"><?php echo number_format($lp_box_num); ?></span><?php if($lp_box_unit) { ?><span class="unit"><?php echo esc_html($lp_box_unit); ?></span><?php }; ?></p>

↓ 「number_format()」を外す

<p class="num_area" style="color:<?php echo esc_attr($lp_box_num_color); ?>;"><span class="num counter"><?php echo $lp_box_num; ?></span><?php if($lp_box_unit) { ?><span class="unit"><?php echo esc_html($lp_box_unit); ?></span><?php }; ?></p>

クイックタグの「実績データ」

編集するファイル: functions/short_code.php
編集する箇所: 264行目付近

$html .= "<span class='num counter" . esc_attr($rand) . "'>" . number_format($atts['num']) . "</span>";

↓ 「number_format()」を外す

$html .= "<span class='num counter" . esc_attr($rand) . "'>" . atts['num'] . "</span>";

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事