前回の記事でTypesプラグインのカスタムフィールドにアップロードした画像情報を取得する方法を紹介させていただきましたが、
今回は画像の情報の中から「URL」だけを取得して表示する方法をご紹介します。
カスタムフィールドにアップした画像のURLの取得
'output' => 'raw'
で、http://から始まる画像のURLを取得することができます。
1 2 3 |
<img src="<?php echo (types_render_field("fieldスラグ名", array( 'output' => 'raw' ))); ?>" /> |
↓出力結果はこのようになります。
画像のURLだけを取得できるので、Alt やTitle などはテーマファイル側に直接記述しておいた方が良いです。
1 |
<img src="https://webantena.net/wp-content/uploads/2014/05/sample.jpg" /> |
これにより、例えば以下のようなOG画像の出力にも対応できるので便利です。
1 2 3 |
<meta property="og:image" content="<?php echo types_render_field("fieldスラグ名", array( 'output' => 'raw' )); ?>"> |
コメント