カスタムフィールドの値を a リンクとして出力する（href=で呼び出す）

2020 11/20

2020.11.20

石田朋子

URL Copied!

カスタムフィールドの値をリンクとして出力する方法です。

基本の形　＜a href="URL"＞リンクの文字列＜/a＞　
↓
それぞれ　get_post_meta( get_the_ID(), 'メタ値', true );　に置き換える。

下図のように、カスタムフィールドの値を magazine と設定。

カスタムフィールドの値を設定

投稿内にリンク付き文字列として表示する場合。

投稿内にカスタムフィールドの値を出力

次のように記述します。


この投稿をnote.comで見る →
&lt;a href="&lt;?php $value = get_post_meta( get_the_ID(), 'magazine', true );
if( $value ){
echo $value;
}
?&gt;" target="_blank"&gt;
&lt;?php $value = get_post_meta( get_the_ID(), 'magazine', true );
if( $value ){
echo $value;
}
?&gt;&lt;/a&gt;

この投稿をnote.comで見る →

<a href="<?php $value = get_post_meta( get_the_ID(), 'magazine', true );

if( $value ){

echo $value;

}

?>" target="_blank">

<?php $value = get_post_meta( get_the_ID(), 'magazine', true );

if( $value ){

echo $value;

}

?></a>

カスタムフィールドのメタ値を呼び出す方法はいろいろありますが、私の環境では、こちらの記事で紹介されていた記述が上手く機能しました。

BLOG AND DESTROY

【WordPress｜カスタムフィールド】値やキーを取得して表示する例・値を更新する例WordPress では、投稿や固定ページなどで「タイトル」や「本文」などの項目の他に、カスタムフィールドを使用することで、任意に項目を追加することが出来ます。今回は、...

PHPコードを実行するウィジェットに、条件分岐の形で記述しています。

最初に、カスタムフィールドに記入した note.comのリンクを出力し、次いで、タグ（love-magazine, kosodate, kawai-yahao）に応じて、バナーと案内文を表示します。


&lt;div class="post_content"&gt;&lt;p&gt;この投稿をnote.comで見る → &lt;a href="&lt;?php $value = get_post_meta( get_the_ID(), 'magazine', true );
if( $value ){
echo $value;
}
?&gt;" target="_blank"&gt;&lt;?php $value = get_post_meta( get_the_ID(), 'magazine', true );
if( $value ){
echo $value;
}
?&gt;&lt;/a&gt;&lt;/p&gt;
&lt;?php if ( has_tag( 'love-magazine' ) ): ?&gt;&lt;/p&gt;
&lt;p&gt;noteで配信している読み切りタイプのマガジンです。&lt;a href="https://note.mu/poetry/m/mf9a42487888a"&gt;マガジンの詳細はこちら（note.com）&lt;/a&gt;&lt;/p&gt;
&lt;a href="https://note.mu/poetry/m/mf9a42487888a"&gt;&lt;img src="https://novella.one/wp-content/uploads/2020/08/magazine-koi.jpg"&gt;&lt;/a&gt;
&lt;?php elseif ( has_tag( array( 'kosodate', 'kawai-hayao' ) ) ): ?&gt;
&lt;p&gt;noteで配信している読み切りタイプのマガジンです。&lt;a href="https://note.mu/poetry/m/m5066932910f6"&gt;マガジンの詳細はこちら（note.com）&lt;/a&gt;&lt;/p&gt;
&lt;a href="https://note.mu/poetry/m/m5066932910f6"&gt;&lt;img src="https://novella.one/wp-content/uploads/2020/08/magazine-oya.jpg"&gt;&lt;/a&gt;
&lt;?php endif; ?&gt;&lt;/div&gt;