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

著者:takaya kondo

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

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

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

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

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

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

詳細を確認する

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

  • 2019/03/06

    カスタムフィールドの値が一致するかどうかで条件分岐する方法

    カスタムフィールドの値が一致するかどうかで条件分岐する方法をご紹介します。カスタムフィールドを利用しているサイトであれば、意外と利用する機会は多いです。覚えていて損はありません。この機会に3分間でマスターしてしまいましょう。 記事を読む

  • 2017/11/30

    Easy Featured Images で投稿一覧からアイキャッチ画像を一括設定する方法

    WordPressのプラグイン【Easy Featured Images】をご紹介いたします。投稿の編集画面を開かず、投稿一覧画面からアイキャッチを設定できるようにするプラグイン、【Easy Featured Images】に興味のある方は、ご一読ください。 記事を読む

  • 2019/03/05

    WordPressのテーマ編集画面に保存ボタンが表示されていない時の対処法

    WordPressのテーマ編集画面に保存ボタンが表示されておらず「テーマが更新できない!」と濃い待った経験はありませんか?その原因はファイルのパーミッションにあります。詳しく解説してみました。 記事を読む

  • 2018/05/19

    知らないと恥ずかしい!WordPressで自動挿入されるpタグを自動挿入させない方法

    WordPressでpタグを自動挿入させない方法をご紹介します。WordPressのpタグ自動挿入が必要ないとお思いの方は参考にしてください。たった1分程度の作業でpタグ自動挿入を停止させることができます。 記事を読む

  • 2015/09/20

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

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

コメントを残す

(必須)

CAPTCHA