カスタムフィールドの改行を反映させたまま表示する方法
  • カスタムフィールドの改行を反映させたまま表示する方法
  • 記事公開:2016/06/27
  • 最終更新:2018/06/03

カスタムフィールドの改行を反映させたまま表示する方法

カスタムフィールドの改行を反映させたまま表示する方法をご紹介します。カスタムフィールドのテキストエリアで改行がそのまま反映されたら便利だと思いませんか?気になる方はこのコンテンツを2分間だけ読んでください。改行を反映させる方法がマスターできます。

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

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

カスタムフィールドの改行を反映させて表示する方法

テキストエリアのカスタムフィールドで改行をしている場合、その改行を反映させたままサイト上に表示させる方法です。

最近使う機会が増えてきたので、備忘録として記録しておきます。

テキストエリアのカスタムフィールドでは、改行を入れてもWEBページでは反映されません。
反映させるためには、<br>タグを挿入する必要があります。

私が利用するのであれば、<br>タグを入れる方法でも良いのですが、HTMLの知識があまりないクライアント様に引き渡すサイトの場合などは、できるだけタグを使用しない形にしなければなりません。

可能な限り簡単に更新できるようにするのが、私のモットーです。

そんなわけで、カスタムフィールドの改行をWEBページでもそのまま表示する方法をご紹介します。
カスタムフィールドを呼び出すテンプレートタグをちょこっと弄る方法です。

カスタムフィールドの改行を反映させる方法

カスタムフィールドの値を呼び出す場合、以下のテンプレートタグを使っていませんか?

<?php echo get_post_meta($post->ID, 'フィールド名', true); ?>

上記のテンプレートタグでは、改行は反映されません。

改行を反映させる場合は、上記のテンプレートタグをこれを以下のように書き換えます。

<?php echo nl2br(get_post_meta($post->ID, 'フィールド名', true)); ?>

先ほどより少し長くなりましたね。
どこが変ったのかというと、【get_post_meta(・・・)】の部分が【nl2br()】で囲まれています。

上記のテンプレートタグを利用すれば、カスタムフィールドの改行が反映されるようになります。

まとめ

カスタムフィールドの改行を反映させたまま表示する方法をご紹介しました。

カスタムフィールドの改行をそのまま反映させたいというご希望はよく耳にします。
テンプレートタグを少し弄るだけで実現できますので、ぜひこの機会に覚えてしまいましょう。

カスタムフィールドを覚えるとWordPressでやれることが格段に増えます!
これからもカスタムフィールドに関する記事を投稿していきますね。

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

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

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

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

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

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

詳細を確認する

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

著者:takaya kondo

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

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

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

  • 2015-02-09

    WordPressのログイン画面に任意のメッセージを表示させる方法

    WordPressのログイン画面に任意のメッセージを表示させる方法をご紹介します。ログイン画面にメッセージを表示させたい片は、参考にしてください。 記事を読む

  • 2015-01-10

    WordPressのプラグインを最新のバージョンに更新する方法

    今回はインストールしたプラグインがバージョンアップした際に更新する方法をご紹介します。 記事を読む

  • 2016-08-03

    WordPressのthe_excerpt()に付与されるpタグを削除する方法+α

    WordPressのthe_excerpt()に付与されるpタグを削除する方法をご紹介します。Pタグが付与されていない抜粋を表示させたい方は参考にしてください。Pタグを削除する方法と、もう一つPタグの付与されていない抜粋を表示する方法をご紹介しています。 記事を読む

  • 2015-03-01

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

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

  • 2015-01-06

    WordPressの固定ページを新規作成する基本的な手順

    WordPressの固定ページに関して解説をしています。WordPressで独立したページを作成とき【固定ページ】で作成することになります。基本的で必ず必要になってくる知識ですので、この機会にマスターしておきましょう。 記事を読む

コメントを残す


(必須)