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

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

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

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

更新が面倒なHTMLサイトお持ちではありませんか?

ADhttp://wordpress-supporters.com/wordpress-ka/

そのサイト、Wordpressを導入して更新しやすくしちゃいましょう!
Wordpress請負人なら、既存サイトでもWordpress化することが可能です。
見積もり無料、実績100件以上、サポート充実、再現性バツグン。

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

カスタムフィールドの値を表示させる基本的な方法から文字数を制限する方法まで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の中でカスタムフィールドの値を表示するときに必要になる可能性が高いかと思います。
参考になると幸いです。

更新が面倒なHTMLサイトお持ちではありませんか?

ADhttp://wordpress-supporters.com/wordpress-ka/

そのサイト、Wordpressを導入して更新しやすくしちゃいましょう!
Wordpress請負人なら、既存サイトでもWordpress化することが可能です。
見積もり無料、実績100件以上、サポート充実、再現性バツグン。

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

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

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

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

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

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

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

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

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

  • 2015-09-20

    WordPressの「続きを読む」リンクから#more…をコピペで消してみた。

    WordPress の 「続きを読む」()を利用したとき、「続きを読む」をクリックすると、URL の末尾に #more … といったハッシュが付与されます。以前から必要ないと感じていたのでこの部分をコピペのみで削除してみました。 記事を読む

  • 2016-03-11

    【WordPress】ショートコードの作り方と使い方

    WordPressのショートコードに関して詳しく解説しています。WordPressのショートコードをマスターしたい方は必読のコンテンツです。興味のある方は6分間だけこのコンテンツを読んでみてください。 記事を読む

  • 2015-01-04

    WordPressの投稿・固定ページ・カテゴリーなどのIDを調べる方法

    WordPressの記事や固定ページ、カテゴリーなどには個別のIDが振り分けられています。このIDですが、何かしらのカスタマイズなどで必要になる機会が割りと多くあるように感じます。このページでは、記事・固定ページ・カテゴリーのIDを取得する方法をご紹介します。 記事を読む

  • 2016-07-20

    不正ログイン撲滅!WordPressのログインフォームに画像認証を導入しよう!

    不正ログインからあなたのWordPressサイトを守る方法をご紹介します。ログインフォームに画像認証を導入することで不正ログインを防ぎましょう!「SI CAPTCHA Anti-Spam」を使えば簡単です! 記事を読む

  • 2015-03-01

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

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

コメントを残す


(必須)