初心者です。
今現在、ワードプレスでホームページを作ってます、
カスタムフィールドで登録した画像をトップ・ページで表示する方法を試していますが、上手くいきません、
今現在は、single.phpで作成したもの、をトップページに持って来るようにPHPを書いています。
画像と文章をカスタムフィールドに設定していて、
文章はうまく表示されていますが画像は写真の通り表示できません。
固定ページのID は2です。
また画像の名前は、participant-photo3です。
返り値はURLにしてます。
HTMLを検証ツールで確認したところ、
<div class="person-img"> <img class="test-image" src(不明)> <div> となりました。プラグイン
Advanced Custom Fields
を使用、
ファイル名 front-page-php トップページ用のファイル
PHP
1 <div class="list-content-third"> 2 <div class="list-inner"> 3 <div class="list-area"> 4 <div class="list-area-title"> 5 <p class="area-txt">早稲田大学国際教育学部AO入試合格!TOEFLiBT109点</p> 6 </div> 7ーーーー画像ーーーーーーー 8 <div class="list-img"> 9 <div class="person-img"> 10 <?php if (get_field('participant-photo3','2')) : ?> 11 <img class="test-image" src="<?php the_field('participant-photo3'); ?>" /> 12 <?php endif; ?> 13 </div> 14 </div> 15ーーーーーーここまでーーーーーー 16 <div class="list-area-txt"> 17 <div class="txt-item"> 18 <?php the_field('participant7', '2'); ?> 19 </div> 20 <div class="txt-item-second"> 21 <?php the_field('participant8', '2'); ?> 22 </div> 23 </div> 24 <div class="txt-item-third"> 25 <?php the_field('participant9', '2'); ?> 26 </div> 27 </div> 28 </div>
固定ページ用のファイル
ファイル名 single.php
PHP
1<div class="list-content-third"> 2 <div class="list-inner"> 3 <div class="list-area"> 4 <div class="list-area-title"> 5 <p class="area-txt">早稲田大学国際教育学部AO入試合格!TOEFLiBT109点</p> 6 </div> 7ーーーー画像ーーーーーーー 8 <div class="list-img"> 9 <div class="person-img-third"> 10 <?php if (get_field('participant-photo3')) : ?> 11 <img class="test-image" src="<?php the_field('participant-photo3'); ?>" /> 12 <?php endif; ?> 13 </div> 14 </div> 15ーーーーーーここまでーーーーーー 16 <div class="list-area-txt"> 17 <div class="txt-item"> 18 <p class="txt-item-area"><?php echo get_post_meta($post->ID, 'participant7', true); ?></p> 19 </div> 20 <div class="txt-item-second"> 21 <p class="txt-item-area-second"><?php echo get_post_meta($post->ID, 'participant8', true); ?></p> 22 </div> 23 </div> 24 <div class="txt-item-third"> 25 <p class="txt-item-area-third"><?php echo get_post_meta($post->ID, 'participant9', true); ?></p> 26 </div> 27 </div> 28 </div> 29 </div>
画像のように3つ並んだ空白に画像を入れ、
下の3つの白い枠に文字を入れます。
こういった繰り返しの処理(ループ)をするのが一般的で、
そういうコードにするべきでしょうか?

回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。