Advanced Custom Fields – URL

Advanced Custom Fields（通称:ACF）の使い方についての備忘録です。

この記事では フィールドタイプ「URL」の設定と出力する方法について解説しています。

フィールド項目を入力するところからの解説となりますので、あらかじめご了承ください。

↓フィールドグループを新規追加するまでの手順はコチラに記載してあります。
Advanced Custom Fields – テキストを出力

URL のフィールド項目を入力

フィールドの項目を入力するところからやっていきます。

今回設定したフィールドの項目は以下の通り。

入力が完了したら「公開」をクリックして保存します。

投稿画面を表示すると先程設定したカスタムフィールドが表示されました。

URLを入力して公開します

ACF URLフィールドの値を表示する

ACF のカスタムフィールドの値を出力するにはthe_field( )関数を使います。
この関数はフィールドに入力した値をそのまま出力したい場合に用いられます。

出力せずに値だけを受け取りたい場合はget_field( )関数を使います。
この関数は値を出力しません。値だけを受け取るので、なにか加工してから表示させたいなどといった場合に用いられます。

それでは先程入力した値をリンクで表示させましょう。
表示させたいところに下記コードを記述します。

<a href="<?php the_field('url'); ?>">keimarublog</a>

確認してみます。

これでリンクが表示されました。
左下にもリンク先のURLが表示されているのがわかります。

以上です。