WordPressカスタムフィールドの値を文字数制限して表示する方法
  • WordPressカスタムフィールドの値を文字数制限して表示する方法
  • 記事公開:2014/12/31
  • 最終更新:2015/09/17

WordPressカスタムフィールドの値を文字数制限して表示する方法

WordPressには便利な機能としてカスタムフィールドが標準装備されています。カスタムフィールドに入力した値(文字)をサイト上に表示させるとき、文字数を制限したいケースもあるかと思います。今回は、カスタムフィールドの値を文字数制限して表示する方法を解説しています。

この記事は約 2 分で読めます。

カスタムフィールドの値を文字数制限して表示する方法

カスタムフィールドの値を表示させる基本的な方法から文字数を制限する方法まで3つの方法をご紹介します。

カスタムフィールドの値を表示する方法

まずは、単純にカスタムフィールドの値をサイト上に表示する方法を解説します。
方法は簡単で、値を表示させたい位置に以下のコードを記述します。

<?php echo post_custom(カスタムフィールド名); ?>

カスタムフィールドの値を文字数制限して取得する方法

文字数を制限する場合は、以下のコードを記述します。
以下は文字数を100文字で制限する場合のコードです。

<?php echo mb_substr((post_custom(カスタムフィールド名)),0,100); ?>

上記の【100】が表示させたい文字数です。
この部分に指定の文字数を記述してください。

【改行反映】カスタムフィールドの値を文字数制限して取得する方法

文字数を制限して、カスタムフィールド内の改行を反映させるコードです。
以下を表示させたい位置に記述してください。

<?php echo mb_substr(nl2br(post_custom(カスタムフィールド名)),0,100); ?>

上記の【100】が表示させたい文字数です。
この部分に指定の文字数を記述してください。

まとめ

カスタムフィールドの値を文字数制限して表示させる方法をご紹介しました。

LOOPの中でカスタムフィールドの値を表示するときに必要になる可能性が高いかと思います。
参考になると幸いです。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2017-11-23

    WordPressで設定しているアイキャッチ画像を一括削除する方法

    Wordpressで設定しているアイキャッチ画像を一括削除する方法をご紹介します。コピペだけで行える方法です、興味のある方は参考にしてください。 記事を読む

  • 2016-04-08

    WordPress4.4から順番が変った!コメント入力フォームの入力欄の順番を戻す方法

    WordPress4.4からコメント入力フォームの入力欄の順番が変ってしまいました。個人差があると思いますが、個人的には従来の順番の方がしっくりとくる。そこで、コメント入力フォームの入力欄の順番を元に戻す方法をまとめてみました。3分で元に戻すことが出来ます。 記事を読む

  • 2015-05-26

    WordPressのカテゴリーIDを利用してカテゴリー単位でアイコンやデザインを変える方法

    WordPressのカテゴリーIDを利用してカテゴリー単位でアイコンやデザインを変える方法をご紹介します。プラグインを使わずにコピペだけでカスタマイズ可能です。参考にしてください。 記事を読む

  • 2015-09-18

    簡単だった!WordPressサイトの画像に自動的に付与されるclass等のタグを削除してみた。

    WordPressサイトの投稿に記事を挿入すると、自動的にclassやtitleなどのタグが付与されます。場合によってはこのタグは邪魔になる事ってありませんか?これらのタグを付与させないカスタマイズのご紹介です。コピペだけで実装可能です! 記事を読む

  • 2015-02-14

    WordPressのゴミ箱を一定間隔で自動的に空にする方法

    WordPressのゴミ箱を一定間隔で自動的に空にする方法をご紹介します。ゴミ箱に溜まったデータを定期的に整理したい方はご覧下さい。コピペでカスタマイズすることができます。 記事を読む

コメントを残す


(必須)

CAPTCHA