WordPressを用いたホームページ制作はお任せください!岡山県を中心に絶賛活動中!
  • WordPressカスタムフィールドの値を文字数制限して表示する方法
  • 記事公開:2014/12/31
  • 最終更新:2015/09/17

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

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

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

Wordpressのカスタマイズなら全てお任せ!

http://takayakondo.com/

WordpressのカスタマイズならWordpressカスタマイザーにお任せください!
毎月5件の限定受注。お見積もりはいつでも無料です。

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

カスタムフィールドの値を表示させる基本的な方法から文字数を制限する方法まで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関連の記事でお役に立てれば幸いです。

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

  • プラグイン不要!固定ページの拡張子に.htmlを付ける方法

    WordPressで固定ページの拡張子に.htmlを付ける方法をご紹介。プラグインを使う方法もありますが、今回はプラグインを使わない方法です。簡単ですので参考にしてください。 記事を読む

  • 知ってて損なし!記事URLから投稿IDを取得する方法

    WordPressサイトの記事URLから投稿IDを取得する方法をご紹介します。なんでそんなことするの?と疑問に思われるかもしれませんが、投稿IDを取得することができれば、記事URLを指定するだけで様々な情報を取得できるようになります。カスタマイズの幅も広がること間違いありません。 記事を読む

  • コンタクトフォーム7に確認用チェックボックスを追加するだけで得られる2つの効果!!

    コンタクトフォーム7に確認用チェックボックスを追加するだけで得られる2つの効果をご紹介しています。確認用チェックボックスの必要性に関して真剣に考えたことがない方は読んでみてください。 記事を読む

  • 【WordPress】プラグインを使わず検索機能に絞り込み機能を実装しよう。

    WordPressの検索機能にカテゴリーやタグを指定した絞り込み機能を実装する方法をご紹介します。コピペで簡単に実装できますので、興味のある方は参考にしてください。 記事を読む

  • WordPressサイトに前後記事へのリンクを表示させる方法

    WordPressで構築したサイトに前後記事へのリンクを表示させる方法をご紹介します。記事ページの下部などでよく見かける「前の記事」「次の記事」といったナビゲーションリンクです。1分で表示できますので、参考にしてください。 記事を読む

コメントを残す


(必須)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)