WordPressのカスタムフィールドを使い「お客様の声」を更新する

更新頻度が高い部分をWordPressのカスタムフィールド機能にする事でWordPress内で簡単に更新出来るようにします。

まず仮テキストなどで「お客様の声」部分のコンテンツをphpとcssで作成する

投稿記事のカスタムフィールドを有効にする

投稿記事のカスタムフィールド機能はデフォルトではOFFになっているので、まずカスタムフィールド機能を有効にします。

次に各フィールドに必要な項目名と値を入れて保存します。

カスタムフィールドの値を呼び出す

<?php echo get_post_meta(ID番号,'項目名',true) ?>

<?php echo get_post_meta(10,'voice-date',true) ?>

カスタムフィールドの値を呼び出すにはカスタムフィールドが設定されている投稿記事のIDが必要です。
投稿記事のID番号を確認するには「投稿一覧」で投稿記事にマウスをあてると画面の左下に出てきます。
「?post=10」の10が投稿記事のID番号です。

これでカスタムフィールドで設定した値がページに表示されるようになります。

<section id="voice">
<h2 data-en="Voice">お客様の声</h2>
<div class="voice-wrapper">
<div class="voice-box">
<div class="voice-inner">
<div class="voice-txt-box">
<h3 class="voice-name"><?php echo get_post_meta(10,'voice-name',true) ?></h3>
<p class="voice-date"><?php echo get_post_meta(10,'voice-date',true) ?></p>
</div><!-- /.voice-txt-box -->
<p class="voice-illust men"></p>
</div><!-- /.voice-inner -->
<h4 class="voice-title"><?php echo get_post_meta(10,'voice-title',true) ?></h4>
<p class="voice-message"><?php echo get_post_meta(10,'voice-message',true) ?></p>
</div><!-- /.voice-box -->

<div class="voice-box">
<div class="voice-inner">
<div class="voice-txt-box">
<h3 class="voice-name"><?php echo get_post_meta(12,'voice-name',true) ?></h3>
<p class="voice-date"><?php echo get_post_meta(12,'voice-date',true) ?></p>
</div><!-- /.voice-txt-box -->
<p class="voice-illust women"></p>
</div><!-- /.voice-inner -->
<h4 class="voice-title"><?php echo get_post_meta(12,'voice-title',true) ?></h4>
<p class="voice-message"><?php echo get_post_meta(12,'voice-message',true) ?></p>
</div><!-- /.voice-box -->

<div class="voice-box">
<div class="voice-inner">
<div class="voice-txt-box">
<h3 class="voice-name"><?php echo get_post_meta(14,'voice-name',true) ?></h3>
<p class="voice-date"><?php echo get_post_meta(14,'voice-date',true) ?></p>
</div><!-- /.voice-txt-box -->
<p class="voice-illust men"></p>
</div><!-- /.voice-inner -->
<h4 class="voice-title"><?php echo get_post_meta(14,'voice-title',true) ?></h4>
<p class="voice-message"><?php echo get_post_meta(14,'voice-message',true) ?></p>
</div><!-- /.voice-box -->

</div><!-- /.voice-wrapper -->
</section><!-- /#voice -->

カスタムフィールドで使用するテキスト

A社の担当者様
2023年4月10日
イメージ通りのCGで満足
当社の建物のCGパースを制作していただきました。BIM技術を使って、リアルなイメージを提供していただき、大変満足しております。また、スムーズなコミュニケーションで、要望に沿ったCGパースを作っていただけたことも、大変助かりました。


B社の担当者様
2023年3月20日
丁寧な仕事に感謝しています
弊社の商業施設のCGパースを制作していただきました。BIM技術を使ったCGパースは、まるで完成した建物のようにリアルで、投資家の方々からも高く評価されました。スピーディーな対応と丁寧な仕事に感謝しています。


A社の担当者様
2023年3月12日
最新のBIM技術に感動
私たちのマンションのCGパースを制作していただきました。BIM技術を駆使して、細かい部分までリアルに再現していただけたことに、感動しました。また、短い期間での対応やスタッフの方々の丁寧な対応に、大変満足しております。