wordpressのカスタムフィールドで条件分岐したい

Question

wordpressのカスタムフィールドで条件分岐したいです。
プラグインはAdvanced Custom Fieldsを使っています。
内容としましては動画のフィールドに項目がある場合は動画を表示させて、動画が無い場合は画像を表示させたいです。
どんな方法があるでしょうか？

                    <div class="clearfix">
                        <?php query_posts( $args ); ?>
                        <?php if (have_posts()) : ?>
                        	<?php while (have_posts()) : the_post();  ?>
                            <div class="works">
                                <?php $youtube = get_post_meta($post->ID, 'youtube', true); ?>
                                    <?php if(!empty($youtube)):?>
                                        <div class="VideoWrapper">
                                            <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
                                        </div>
                                <?php else:?>

                                <div class="worksImg">
                                <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
                                </div>
                            <?php endif; ?>
                                <div class="worksIco">
                                    <h3><?php echo post_custom('crient'); ?></h3>
                                    <p><?php echo post_custom('content'); ?></p>
                                </div>
                            </div>
                    <?php endwhile; ?>

                <?php else : ?>
                        <h1>記事がありません</h1>
                        <p>表示する記事はありませんでした。</p>
                <?php endif; ?>

            </div><!-- /clearfix -->

追記のコード↓

                    <?php
                    // ループ条件を設定
                    $args = array(
                    	'post_type' => array ('graphic','video','web'), /* 投稿タイプを指定 */
                    	'paged' => get_query_var( 'paged' ) ? intval( get_query_var( 'paged' ) ) : 1,
                    	'posts_per_page' => 10, // 表示件数
                    	'order' => 'date',
                    	'order' => 'DESC',
                    );
                    ?>

                    <div class="clearfix">
                        <?php query_posts( $args ); ?>
                        <?php if (have_posts()) : ?>
                        	<?php while (have_posts()) : the_post();  ?>
                            <div class="works">
                                <?php $youtube = get_post_meta($post->ID, 'youtube', true); ?>
                                    <?php if(!empty($youtube)):?>
                                        <div class="VideoWrapper">
                                            <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
                                        </div>
                                <?php else:?>
<?php $img = get_field('img'); if( !empty($img) ): ?>
                                <div class="worksImg">
                                <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
                                </div>
                            <?php endif; ?>
                                <div class="worksIco">
                                    <h3><?php echo post_custom('crient'); ?></h3>
                                    <p><?php echo post_custom('content'); ?></p>
                                </div>
                            </div>
                    <?php endwhile; ?>

                <?php else : ?>
                        <h1>記事がありません</h1>
                        <p>表示する記事はありませんでした。</p>
                <?php endif; ?>

            </div><!-- /clearfix -->

Answer 1

どの部分で詰まっているのかがわからないのでヒント的にこんな流れかな というものを提示します。

記事一覧を取得する
記事がある場合
  ループ開始
    if youtube登録有りの場合
      youtubeを表示
    else
      if img登録有りの場合
        imgを表示
      else
        youtube・img登録なしの場合の出力
      endif //img有無
    endif //youtube有無
  ループ終了
記事がない場合
  記事無し

• 記事の取得ができない
• youtubeの表示ができない
• imgの表示ができない
• 条件分岐の方法がわからない
  以上のどれに当てはまりますか？

---

以下追記
「img」のカスタムフィールド登録時の「返り値」は「画像オブジェクト」ですよね？
こちらを参考にしましたが、配列からの情報をこんな感じにとるとやりやすいかもしれません。

<?php
$image = get_field('img');
	$url = $image['url'];
	$alt = $image['alt'];
	$title = $image['title'];
	$size = 'thumbnail';
	$imgThumb = $image['sizes'][ $size ];
	$width = $image['sizes'][ $size . '-width' ];
?>

出力

<img src="<?php echo $imgThumb; ?>" width="<?php echo $width; ?>" alt="<?php echo $alt; ?>" />

返り値（画像オブジェクト、画像URL、画像ID）の違いで出力方法が違うので、お気を付けください。

---

更に追記
質問者様が使っているであろうコードでの対応

<?php
// ループ条件を設定
$args = array(
'post_type' => array ('graphic','video','web'), /* 投稿タイプを指定 */
'paged' => get_query_var( 'paged' ) ? intval( get_query_var( 'paged' ) ) : 1,
'posts_per_page' => 10, // 表示件数
'order' => 'date',
'order' => 'DESC',
);
?>

<div class="clearfix">
  <?php query_posts( $args ); ?>
  <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post();?>
      <div class="works">
        <?php $youtube = get_post_meta($post->ID, 'youtube', true); ?>
        <?php if(!empty($youtube)):?>
          <div class="VideoWrapper">
            <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
          </div>
        <?php else:?>
          <?php $img = get_field('img'); ?>
          <?php if( !empty($img) ): ?><!-- 分けるとわかりやすいかも -->
            <div class="worksImg">
              <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
            </div>
          <?php endif; ?><!-- if( !empty($img) )分のend追加 -->
        <?php endif; ?>
        <div class="worksIco">
          <h3><?php echo post_custom('crient'); ?></h3>
          <p><?php echo post_custom('content'); ?></p>
        </div>
      </div>
    <?php endwhile; ?>
  <?php else : ?>
  <h1>記事がありません</h1>
  <p>表示する記事はありませんでした。</p>
  <?php endif; ?>
</div><!-- /clearfix -->

Comments

[patapata1234]

ご回答ありがとうございます！
現在はyoutubeだけ取得出来てimgのタグの中が空の状態です。
（imgを格納出来るタグは出ているのですが。<img src="">の状態です。）
imgを出力出来れば完了だとは思うのですが。。。
コードを追記したのでご確認をお願いします。

[patapata1234]

あと、記事の取得は出来ています！
画像の取得だけていない状況です。

[dit.]

画像の取得、出力部分を回答に追記しました

[patapata1234]

ご回答ありがとうございます！
試したのですが、先ほどと同じように画像を格納出来る箱だけ取得できていて、画像は表示されません(ToT)
他のアーカイブページでは
<?php $img = get_field('img'); if( !empty($img) ): ?>
上記のコードで画像を取得しているのですがこのコードをそのまま入れると最後の<?php endwhile ?>でエラーが起きてしまいます。。。
コードを追記しましたので、ご確認をお願いいただけたらと思いますm(_ _)m

[dit.]

追記コード23行目のif( !empty($img) )に対応する<?php endif; ?>が足りないように思います。
「youtube」があるかどうかのifと、「img」があるかどうかのif、さらにその外側に「記事が存在するか(have_posts)」のifがありますので、endifは計3つですね。
<div class="worksIco">の直前にもう一つ<?php endif; ?>入れてみていただけますか？

[dit.]

あと、見過ごしてましたが
'orderby' => 'date',
'order' => 'DESC',
かと…

[patapata1234]

出来ました〜！
<?php endif; ?>を減らす事はしたのですが、増やすとは盲点でしたorz
ifの説明も詳しくしていただきありがとうございます！
勉強になりました！
お忙しい中本当にありがとうございました！！

[dit.]

解決できて良かったです！
私もまだまだ勉強中の身ですが、お役に立てたようなら嬉しいです。

[patapata1234]

本当にありがとうございました！
これで5時間ぐらい悩んでいたので助かりましたm(_ _)m
また何かありましたらよろしくお願いいたします。