いつもこちらのサイトでは教えてもらうばかりですが本当に助かっています。ありがとうございます。
前提・実現したいこと
5枚の写真をアップできるようにしても、つねに5枚写真をアップするとは限りません。
現状は5枚すべてアップしないと画像がUndefinedの状態になるのでNo-Image画像を手動で付属枚数分セットしている状況です。
そこで、
①セットできる枚数は無制限
②もし1枚目の画像がセットされていない場合は自動的に「No-Image画像」を表示(テーマ内にimagesディレクトリを作り格納済みnoimage.jpg)
③管理画面で画像が1枚だけの登録の場合は1枚だけ表示される
というようにしたいのです。
現在の仕様
5枚の画像を読み込むようにしました。僕の知識ではこれが限界です。
現在のコードは下記の通りです。
カスタム投稿ページで指定した画像を呼び出しています。
<?php $cast_fields = get_post_custom(); //カスタムフィールドを全部取得 $cast_screens = json_decode( $cast_fields[ '_krc_cast_screens' ][ 0 ] ); //画像配列を用意 $cast_type_terms = get_the_terms( $post->ID, 'krc_type' ); //タイプタクソノミーを取得 $cast_grade_terms = get_the_terms( $post->ID, 'krc_grade' ); //グレードタクソノミーを取得 $cast_new_terms = get_the_terms( $post->ID, 'krc_new' ); //新人区分タクソノミーを取得 ?>
<div class="swiper-slide"><img src="<?PHP echo esc_url($cast_screens[0]); ?>" alt="<?php echo esc_html($cast_fields['_krc_name'][0]); ?> "/></div> <div class="swiper-slide"><img src="<?PHP echo esc_url($cast_screens[1]); ?>" alt="<?php echo esc_html($cast_fields['_krc_name'][0]); ?> "/></div> <div class="swiper-slide"><img src="<?PHP echo esc_url($cast_screens[2]); ?>" alt="<?php echo esc_html($cast_fields['_krc_name'][0]); ?> "/></div> <div class="swiper-slide"><img src="<?PHP echo esc_url($cast_screens[3]); ?>" alt="<?php echo esc_html($cast_fields['_krc_name'][0]); ?> "/></div> <div class="swiper-slide"><img src="<?PHP echo esc_url($cast_screens[4]); ?>" alt="<?php echo esc_html($cast_fields['_krc_name'][0]); ?> "/></div>
補足情報(FW/ツールのバージョンなど)
さくらインターネットサーバー
PHP 7.2.10 (モジュール版)
ワードプレス最新版
当該のプラグインは
https://kurubusi.net/products/sample/sample_krc-cast-manager/
https://kurubusi.net/products/free/wordpress-plug-in/krc-cast-manager/
の
krc-cast-manager
というプラグインになります。
このプラグインの中で画像を指定し、表示させています。
回答1件
あなたの回答
tips
プレビュー