ワードプレスのcustome field templateで複数枚画像をsingle.phpに表示させ、スライダーにしたい

Question

###前提・実現したいこと
ワードプレスでポートフォリオサイトを制作しています。
カスタムフィールドテンプレートで複数枚画像を登録して、それを個別の投稿のページsingle.phpで、スライドショーで見せたいと考えています。

ですがsingle.phpにどう書けばいいのかわかりません…
どなたかご教授いただけませんでしょうか。
下記のhtmlに画像を出力させたいです。
サムネイル付きのスライダーで、jqueryはslick.jsです。

<div class="slider container"> <div class="slider-for"> <div class="sp-slide"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/thumb/image_02.png" alt=""></div> </div> <div class="slider-nav-wrap"> <div class="slider-nav"> <div class="sp-thumbnail"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/thumb/image_02.png" alt=""></div> </div> </div> </div>

カスタムフィールドテンプレートのテンプレートコンテンツには以下を記述しています。
[Image]
type = file
label = 画像をアップロードしてください。
mediaLibrary = true
mediaPicker = true
mediaRemove = true
multiple = true
multipleButton = true

よろしくお願いいたします。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[-yuichi-]

すみません、初めての投稿で…ご指摘ありがとうございました。

[kei344]

ここは「質問への追記・修正の依頼」です。解決済にしても本文を編集することが出来ますので、よろしくお願いします。

Answer 1

$images = get_post_meta( get_the_ID(), 'Image');

で、画像の配列を取得。
後は、foreachで配列を回し、wp_get_attachment_image_src()で出力させます。

Comments

[-yuichi-]

ご回答ありがとうございました！
解決いたしました。