ワードプレスでカスタムフィールドを扱うときは100%ほぼ必ず「Advanced Custom Fields」を使っています。
その[Advanced Custom Fields]で「フィールドタイプ:Wysiwyg エディタ」を指定できます。
ちなみに「Wysiwyg」は「ウィジウィグ」と読むそうです。
私も最近知りました。
この「Wysiwyg エディタ」はワードプレスのデフォルトの投稿や固定ページの本文を入力する機能と同じものを追加することができて、とても便利です。
しかしながら、何も考えずにthe_field();
でフツーに出力すると「the_content();」や「the_excerpt();」と同じ扱いになり、整形されて<p>
タグや<br>
タグが自動で挿入されます。
今日はこの「p」と「br」が挿入される自動整形を無効化する方法を紹介します。
Wysiwyg出力時の自動整形を無効化
get_field();
またはthe_field();
の第3引数で「false」を指定することで、この自動整形を無効にすることができます。
つまり。出力時に次のように記述すればOKです。
<?php the_field( 'カスタムフィールド名', $post_id, false ); ?>
ぜひお試しください。