質問編集履歴

2

誤字を修正しました。

2020/11/19 13:02

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- デザインカンプ赤枠の箇所をfront-page.phpに表示したいです。
1
+ デザインカンプ赤枠の箇所をpre_get_postsを用いてfront-page.phpに表示したいです。
2
2
 
3
3
  ![イメージ説明](51d21748203b37aa5fd56ab7386e654a.jpeg)
4
4
 
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- pre_get_postsをfunctions.phpはこのようにしています。
9
+ functions.phpにpre_get_postsをこのようにしています。
10
10
 
11
11
 
12
12
 
@@ -42,7 +42,7 @@
42
42
 
43
43
 
44
44
 
45
- そしてtoppage.phpは下記のように書きました。
45
+ そしてfront-page.phpは下記のように書きました。
46
46
 
47
47
  ```HTML
48
48
 

1

質問内容を簡潔に修正しました。

2020/11/19 13:02

投稿

Fukusuke0604
Fukusuke0604

スコア554

test CHANGED
@@ -1 +1 @@
1
- query_postsは非推奨なので、pre_get_postsに書き換えたいのですが上手く行きません。
1
+ pre_get_postsでTOPページ(front-page.php)投稿記事の一覧を表示したいのですが上手く行きません。
test CHANGED
@@ -1,66 +1,12 @@
1
- toppage.phpの下記画像赤枠の箇所を
1
+ デザインカンプ赤枠の箇所をfront-page.phpに表示したいです。
2
2
 
3
3
  ![イメージ説明](51d21748203b37aa5fd56ab7386e654a.jpeg)
4
4
 
5
- 下記コードquery_postsを使って投稿記事をループ表示させています。
6
5
 
7
6
 
8
7
 
9
- ```HTML
10
8
 
11
- <div class="blog_area">
12
-
13
- <h2 class="blog_notice__title">ブログ</h2>
14
-
15
- <?php $posts_per_page=3; // ?>
16
-
17
- <?php $paged = get_query_var('page'); //固定ページに投稿を出力するコード ?>
18
-
19
- <?php query_posts('posts_per_page='.$posts_per_page.'&paged='.$paged); //固定ページに投稿を出力するコード 現在非推奨なので変わるものを調べて?>
20
-
21
- <?php
22
-
23
- if ( have_posts() ) : while ( have_posts() ) : the_post();
24
-
25
- ?>
26
-
27
- <div class="blog__wrapper">
28
-
29
- <?php the_post_thumbnail('thumbnail', array('class' => 'blog__img')); ?>
30
-
31
- <p class="blog__category"><?php the_category(','); ?></p>
32
-
33
- <div class="blog_heading">
34
-
35
- <?php the_title( '<h2 class="blog__title"><a href="' . esc_url( get_permalink() ) . '">', '</a></h2>' ); ?>
36
-
37
- <p class="time__date"><?php echo get_the_date(); ?></p>
38
-
39
- </div>
40
-
41
- </div>
42
-
43
- <?php endwhile; //繰り返し処理終了 ?>
44
-
45
- <?php else : //条件分岐:投稿がない場合は ?>
46
-
47
- <h2 class="blog__title">投稿が見つかりません。</h2>
48
-
49
- <?php endif; //条件分岐終了 ?>
50
-
51
- <?php wp_reset_query();// 投稿データのリセット ?>
52
-
53
- </div>
54
-
55
- ```
56
-
57
-
58
-
59
- しかしquery_postsは非推奨ということでpre_get_postsを使って表示させようと思っているのですが上手く行きません。
60
-
61
-
62
-
63
- pre_get_postsに書き換えるにあたって、functions.phpはこのようにしています。
9
+ pre_get_postsfunctions.phpはこのようにしています。
64
10
 
65
11
 
66
12
 
@@ -76,7 +22,7 @@
76
22
 
77
23
  // 指定したページとメインクエリの場合に限定
78
24
 
79
- if ( $query->is_toppage() && $query->is_main_query() ) {
25
+ if ( $query->is_front_page() && $query->is_main_query() ) {
80
26
 
81
27
  $query->set( 'post_type', 'post' );
82
28
 
@@ -94,11 +40,9 @@
94
40
 
95
41
  ```
96
42
 
97
- ※$query->is_home() でも結果は変わりません。
98
43
 
99
44
 
100
-
101
- そしてquery_postsを使用していたtoppage.phpは下記のように書き直しました。
45
+ そしてtoppage.phpは下記のように書きました。
102
46
 
103
47
  ```HTML
104
48
 
@@ -144,20 +88,12 @@
144
88
 
145
89
 
146
90
 
147
- しかし結果は以下の画像のように toppage.phpがループ表示されています。
91
+ しかし結果は以下の画像のように front-page.phpがループ表示されています。
148
92
 
149
93
  ![イメージ説明](23e3908aa729e5462133e38abad6383e.jpeg)
150
94
 
151
95
 
152
96
 
153
- pre_get_postsの他にもquery_postsの代わりになるのはget_posts、WP_Queryもあるようなのですがget_postsはどのように書き換えれば良いのかよくわかりませんでした。。。
154
-
155
- pre_get_postsが一番管理しやすそうに思えたのでpre_get_postsで試しています。
156
97
 
157
98
 
158
-
159
-
160
-
161
- pre_get_postsでquery_postを書き換えた際、自分はどこを間違えてるのでしょうか?
99
+ pre_get_postsでTOPページ(front-page.php)に投稿記事一覧表示させるにはどうすれば良いでしょうか? 教えてください。
162
-
163
- 教えてください。