スポンサード

前回の記事 でTypes プラグインのカスタムフィールドにアップロードした画像情報を取得する方法を紹介させていただきましたが、今回は画像の情報の中から「URL」だけを取得して表示する方法をご紹介します。

カスタムフィールドにアップした画像のURLの取得

'output' => 'raw'で、http://から始まる画像のURLを取得することができます。

<img src="<?php echo (types_render_field("fieldスラグ名", array(
'output' => 'raw'
))); ?>" />

↓出力結果はこのようになります。
画像のURLだけを取得できるので、Alt やTitle などはテーマファイル側に直接記述しておいた方が良いです。

<img src="https://www.webantena.net/wp-content/uploads/2014/05/sample.jpg" />

これにより、例えば以下のようなOG画像の出力にも対応できるので便利です。

<meta property="og:image" content="<?php echo types_render_field("fieldスラグ名", array(
'output' => 'raw'
)); ?>">

スポンサード