teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

5

コードを追記しました

2017/04/24 08:17

投稿

patapata1234
patapata1234

スコア26

title CHANGED
File without changes
body CHANGED
@@ -62,8 +62,9 @@
62
62
  <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
63
63
  </div>
64
64
  <?php else:?>
65
+ <?php $img = get_field('img'); if( !empty($img) ): ?>
65
66
  <div class="worksImg">
66
- <?php $img = get_field('img'); if( !empty($img) ): ?><img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
67
+ <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
67
68
  </div>
68
69
  <?php endif; ?>
69
70
  <div class="worksIco">

4

コードを追記しました

2017/04/24 08:17

投稿

patapata1234
patapata1234

スコア26

title CHANGED
File without changes
body CHANGED
@@ -34,4 +34,50 @@
34
34
 
35
35
  </div><!-- /clearfix -->
36
36
 
37
+ ```
38
+
39
+
40
+
41
+ 追記のコード↓
42
+ ```
43
+ <?php
44
+ // ループ条件を設定
45
+ $args = array(
46
+ 'post_type' => array ('graphic','video','web'), /* 投稿タイプを指定 */
47
+ 'paged' => get_query_var( 'paged' ) ? intval( get_query_var( 'paged' ) ) : 1,
48
+ 'posts_per_page' => 10, // 表示件数
49
+ 'order' => 'date',
50
+ 'order' => 'DESC',
51
+ );
52
+ ?>
53
+
54
+ <div class="clearfix">
55
+ <?php query_posts( $args ); ?>
56
+ <?php if (have_posts()) : ?>
57
+ <?php while (have_posts()) : the_post(); ?>
58
+ <div class="works">
59
+ <?php $youtube = get_post_meta($post->ID, 'youtube', true); ?>
60
+ <?php if(!empty($youtube)):?>
61
+ <div class="VideoWrapper">
62
+ <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
63
+ </div>
64
+ <?php else:?>
65
+ <div class="worksImg">
66
+ <?php $img = get_field('img'); if( !empty($img) ): ?><img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
67
+ </div>
68
+ <?php endif; ?>
69
+ <div class="worksIco">
70
+ <h3><?php echo post_custom('crient'); ?></h3>
71
+ <p><?php echo post_custom('content'); ?></p>
72
+ </div>
73
+ </div>
74
+ <?php endwhile; ?>
75
+
76
+ <?php else : ?>
77
+ <h1>記事がありません</h1>
78
+ <p>表示する記事はありませんでした。</p>
79
+ <?php endif; ?>
80
+
81
+ </div><!-- /clearfix -->
82
+
37
83
  ```

3

コードの追加

2017/04/24 08:15

投稿

patapata1234
patapata1234

スコア26

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,37 @@
1
1
  wordpressのカスタムフィールドで条件分岐したいです。
2
2
  プラグインはAdvanced Custom Fieldsを使っています。
3
3
  内容としましては動画のフィールドに項目がある場合は動画を表示させて、動画が無い場合は画像を表示させたいです。
4
- どんな方法があるでしょうか?
4
+ どんな方法があるでしょうか?
5
+
6
+ ```
7
+ <div class="clearfix">
8
+ <?php query_posts( $args ); ?>
9
+ <?php if (have_posts()) : ?>
10
+ <?php while (have_posts()) : the_post(); ?>
11
+ <div class="works">
12
+ <?php $youtube = get_post_meta($post->ID, 'youtube', true); ?>
13
+ <?php if(!empty($youtube)):?>
14
+ <div class="VideoWrapper">
15
+ <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
16
+ </div>
17
+ <?php else:?>
18
+
19
+ <div class="worksImg">
20
+ <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
21
+ </div>
22
+ <?php endif; ?>
23
+ <div class="worksIco">
24
+ <h3><?php echo post_custom('crient'); ?></h3>
25
+ <p><?php echo post_custom('content'); ?></p>
26
+ </div>
27
+ </div>
28
+ <?php endwhile; ?>
29
+
30
+ <?php else : ?>
31
+ <h1>記事がありません</h1>
32
+ <p>表示する記事はありませんでした。</p>
33
+ <?php endif; ?>
34
+
35
+ </div><!-- /clearfix -->
36
+
37
+ ```

2

内容変更

2017/04/24 07:09

投稿

patapata1234
patapata1234

スコア26

title CHANGED
File without changes
body CHANGED
@@ -1,54 +1,4 @@
1
1
  wordpressのカスタムフィールドで条件分岐したいです。
2
2
  プラグインはAdvanced Custom Fieldsを使っています。
3
3
  内容としましては動画のフィールドに項目がある場合は動画を表示させて、動画が無い場合は画像を表示させたいです。
4
- cssでclassを分けたいのでdiv単位で分けたいです。
5
- 現在はyoutube(動画)の部分だけ出力されていて、img(画像)の中身が空の状態です。
6
- ご教授のほどよろしくお願いいたしますm(_ _)m
7
- コードは以下の内容です。
8
-
9
- ```
10
- <?php
11
- // ループ条件を設定
12
- $args = array(
4
+ どんな方法があるでしょうか?
13
- 'post_type' => array ('graphic','video','web'), /* 投稿タイプを指定 */
14
- 'paged' => get_query_var( 'paged' ) ? intval( get_query_var( 'paged' ) ) : 1,
15
- 'posts_per_page' => 10, // 表示件数
16
- 'order' => 'date',
17
- 'order' => 'DESC',
18
- );
19
- ?>
20
- ```
21
- ↑page.phpで記事の一覧を取得
22
-
23
- ```
24
- <div class="clearfix">
25
- <?php query_posts( $args ); ?>
26
- <?php if (have_posts()) : ?>
27
- <?php while (have_posts()) : the_post(); ?>
28
- <div class="works">
29
- <?php $youtube = get_post_meta($post->ID, 'youtube', true); ?>
30
- <?php if(!empty($youtube)):?>
31
- <div class="VideoWrapper">
32
- <?php echo $embed_code = wp_oembed_get( get_field('youtube') ); ?>
33
- </div>
34
- <?php else:?>
35
- <div class="worksImg">
36
- <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
37
- </div>
38
- <?php endif; ?>
39
- <div class="worksIco">
40
- <h3><?php echo post_custom('crient'); ?></h3>
41
- <p><?php echo post_custom('content'); ?></p>
42
- </div>
43
- </div>
44
- <?php endwhile; ?>
45
-
46
- <?php else : ?>
47
- <h1>記事がありません</h1>
48
- <p>表示する記事はありませんでした。</p>
49
- <?php endif; ?>
50
-
51
- </div><!-- /clearfix -->
52
-
53
- ```
54
- ↑該当記事の出力

1

コード分けしました。

2017/04/24 05:53

投稿

patapata1234
patapata1234

スコア26

title CHANGED
File without changes
body CHANGED
@@ -2,10 +2,12 @@
2
2
  プラグインはAdvanced Custom Fieldsを使っています。
3
3
  内容としましては動画のフィールドに項目がある場合は動画を表示させて、動画が無い場合は画像を表示させたいです。
4
4
  cssでclassを分けたいのでdiv単位で分けたいです。
5
+ 現在はyoutube(動画)の部分だけ出力されていて、img(画像)の中身が空の状態です。
5
6
  ご教授のほどよろしくお願いいたしますm(_ _)m
6
7
  コードは以下の内容です。
7
8
 
9
+ ```
8
- <?php
10
+ <?php
9
11
  // ループ条件を設定
10
12
  $args = array(
11
13
  'post_type' => array ('graphic','video','web'), /* 投稿タイプを指定 */
@@ -15,7 +17,10 @@
15
17
  'order' => 'DESC',
16
18
  );
17
19
  ?>
18
-
20
+ ```
21
+ ↑page.phpで記事の一覧を取得
22
+
23
+ ```
19
24
  <div class="clearfix">
20
25
  <?php query_posts( $args ); ?>
21
26
  <?php if (have_posts()) : ?>
@@ -28,8 +33,7 @@
28
33
  </div>
29
34
  <?php else:?>
30
35
  <div class="worksImg">
31
- <?php $img = get_post_meta($post->ID, 'img', true); ?>
32
- <?php $img = get_field('img'); if( !empty($img) ): ?><img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
36
+ <img src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>" />
33
37
  </div>
34
38
  <?php endif; ?>
35
39
  <div class="worksIco">
@@ -44,4 +48,7 @@
44
48
  <p>表示する記事はありませんでした。</p>
45
49
  <?php endif; ?>
46
50
 
47
- </div><!-- /clearfix -->
51
+ </div><!-- /clearfix -->
52
+
53
+ ```
54
+ ↑該当記事の出力