質問編集履歴
2
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
こちらの[サイト](https://webfun-style.com/wordpress-custom-search/)を参考に、WordPressの固定ページにページネーションをつけました。
|
|
2
|
-
|
|
3
|
-
■問題点
|
|
4
|
-
3ページ目で「検索」ボタンを押すと、1ページ目に戻らずに3ページ目のままになってしまいます。
|
|
5
|
-
なので、例えば検索結果が2ページ分しかない場合は「検索結果はなし」となってしまいます。
|
|
6
|
-
実際は1ページ目と2ページ目が存在しているはずです。
|
|
7
|
-
|
|
8
|
-
■やりたいこと
|
|
9
|
-
そこで、一覧表示後にもう一度「検索」のボタンを押したときに、最初の1ページ目に戻って再度一覧を表示してページネーションするようにしたいです。
|
|
10
|
-
|
|
11
|
-
以下がコードになります。
|
|
12
|
-
固定ページにショートコードを記入する形でcustum-serch.phpを読み込んで表示しております。
|
|
13
|
-
|
|
14
|
-
custom-search.php
|
|
15
|
-
```<!-- 1. 検索条件の取得と変数の設定 -->
|
|
16
|
-
<?php
|
|
17
|
-
// ページ番号を取得
|
|
18
|
-
$paged = get_query_var('paged') ? get_query_var('paged') : 1;
|
|
19
|
-
$args = array(
|
|
20
|
-
'paged' => $paged, // ページ番号を設定
|
|
21
|
-
'post_type' => 'post',
|
|
22
|
-
'post_status' => 'publish',
|
|
23
|
-
'posts_per_page' => 2, // 一つのページに表示する件数を設定
|
|
24
|
-
'orderby' => 'date',
|
|
25
|
-
'order' => 'DESC'
|
|
26
|
-
);
|
|
27
|
-
|
|
28
|
-
if (!empty($_GET['search_category'])) {
|
|
29
|
-
foreach ($_GET['search_category'] as $value) {
|
|
30
|
-
$search_category[] = htmlspecialchars($value, ENT_QUOTES);
|
|
31
|
-
}
|
|
32
|
-
$args += array('category__in' => $search_category);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
if (!empty($_GET['search_tag'])) {
|
|
36
|
-
foreach ($_GET['search_tag'] as $value) {
|
|
37
|
-
$search_tag[] = htmlspecialchars($value, ENT_QUOTES);
|
|
38
|
-
}
|
|
39
|
-
$args += array('tag__in' => $search_tag);
|
|
40
|
-
}
|
|
41
|
-
?>
|
|
42
|
-
|
|
43
|
-
<!-- 2. 検索フォームの表示 -->
|
|
44
|
-
<div class="search">
|
|
45
|
-
<form method="get" action="<?php echo esc_url(home_url() . $_SERVER['REQUEST_URI']); ?>">
|
|
46
|
-
<div class="checkbox">
|
|
47
|
-
|
|
48
|
-
<div class="condition-title">エリア</div>
|
|
49
|
-
<div class="condition">
|
|
50
|
-
<?php
|
|
51
|
-
$categories = get_categories(array('hide_empty' => false));
|
|
52
|
-
foreach ($categories as $category) :
|
|
53
|
-
$checked = "";
|
|
54
|
-
if (in_array($category->term_id, $search_category)) $checked = " checked";
|
|
55
|
-
?>
|
|
56
|
-
<label>
|
|
57
|
-
<input type="checkbox" name="search_category[]" value="<?php echo esc_attr($category->term_id); ?>" <?php echo $checked; ?>>
|
|
58
|
-
<?php echo esc_html($category->name); ?>
|
|
59
|
-
</label>
|
|
60
|
-
<?php endforeach; ?>
|
|
61
|
-
</div>
|
|
62
|
-
|
|
63
|
-
<div class="condition-title">特徴</div>
|
|
64
|
-
<div class="condition">
|
|
65
|
-
<?php
|
|
66
|
-
$tags = get_tags(array('hide_empty' => false));
|
|
67
|
-
foreach ($tags as $tag) :
|
|
68
|
-
$checked = "";
|
|
69
|
-
if (in_array($tag->term_id, $search_tag)) $checked = " checked";
|
|
70
|
-
?>
|
|
71
|
-
<label>
|
|
72
|
-
<input type="checkbox" name="search_tag[]" value="<?php echo esc_attr($tag->term_id); ?>" <?php echo $checked; ?>>
|
|
73
|
-
<?php echo esc_html($tag->name); ?>
|
|
74
|
-
</label>
|
|
75
|
-
<?php endforeach; ?>
|
|
76
|
-
</div>
|
|
77
|
-
|
|
78
|
-
</div>
|
|
79
|
-
|
|
80
|
-
<input type="submit" value="検索" class="submit-button">
|
|
81
|
-
|
|
82
|
-
</form>
|
|
83
|
-
|
|
84
|
-
<!-- 3. 検索結果の取得と表示 -->
|
|
85
|
-
<?php
|
|
86
|
-
$the_query = new WP_Query($args);
|
|
87
|
-
if ($the_query->have_posts()) :
|
|
88
|
-
?>
|
|
89
|
-
<div class="result">
|
|
90
|
-
<?php
|
|
91
|
-
while ($the_query->have_posts()) :
|
|
92
|
-
$the_query->the_post();
|
|
93
|
-
?>
|
|
94
|
-
<div class="article">
|
|
95
|
-
<a href="<?php the_permalink(); ?>">
|
|
96
|
-
<?php the_post_thumbnail('medium'); ?>
|
|
97
|
-
<div><?php the_title(); ?></div>
|
|
98
|
-
</a>
|
|
99
|
-
</div>
|
|
100
|
-
<?php endwhile;
|
|
101
|
-
wp_reset_postdata(); ?>
|
|
102
|
-
</div>
|
|
103
|
-
|
|
104
|
-
<?php
|
|
105
|
-
// ページャーを設置
|
|
106
|
-
echo paginate_links(array(
|
|
107
|
-
'total' => $the_query->max_num_pages,
|
|
108
|
-
'current' => $paged,
|
|
109
|
-
'type' => 'list',
|
|
110
|
-
));
|
|
111
|
-
?>
|
|
112
|
-
<?php else : ?>
|
|
113
|
-
<p>該当する物件はありませんでした。</p>
|
|
114
|
-
<?php endif; ?>
|
|
115
|
-
|
|
116
|
-
</div>
|
|
117
|
-
コード
|
|
118
|
-
```
|
|
119
|
-
|
|
120
|
-
以上となります。
|
|
121
|
-
|
|
122
|
-
私が、PHPやWEB系があまり詳しくないため、どこに何を書けばいいか、どの関数を使うのかなど詳しく教えていただきたいです。
|
|
1
|
+
こちらの[サイト](https://webfun-style.com/wordpress-custom-search/)を参考に、WordPressの固定ページにページネーションをつけました。
|
|
2
|
+
|
|
3
|
+
■問題点
|
|
4
|
+
3ページ目で「検索」ボタンを押すと、1ページ目に戻らずに3ページ目のままになってしまいます。
|
|
5
|
+
なので、例えば検索結果が2ページ分しかない場合は「検索結果はなし」となってしまいます。
|
|
6
|
+
実際は1ページ目と2ページ目が存在しているはずです。
|
|
7
|
+
|
|
8
|
+
■やりたいこと
|
|
9
|
+
そこで、一覧表示後にもう一度「検索」のボタンを押したときに、最初の1ページ目に戻って再度一覧を表示してページネーションするようにしたいです。
|
|
10
|
+
|
|
11
|
+
以下がコードになります。
|
|
12
|
+
固定ページにショートコードを記入する形でcustum-serch.phpを読み込んで表示しております。
|
|
13
|
+
|
|
14
|
+
custom-search.php
|
|
15
|
+
```<!-- 1. 検索条件の取得と変数の設定 -->
|
|
16
|
+
<?php
|
|
17
|
+
// ページ番号を取得
|
|
18
|
+
$paged = get_query_var('paged') ? get_query_var('paged') : 1;
|
|
19
|
+
$args = array(
|
|
20
|
+
'paged' => $paged, // ページ番号を設定
|
|
21
|
+
'post_type' => 'post',
|
|
22
|
+
'post_status' => 'publish',
|
|
23
|
+
'posts_per_page' => 2, // 一つのページに表示する件数を設定
|
|
24
|
+
'orderby' => 'date',
|
|
25
|
+
'order' => 'DESC'
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
if (!empty($_GET['search_category'])) {
|
|
29
|
+
foreach ($_GET['search_category'] as $value) {
|
|
30
|
+
$search_category[] = htmlspecialchars($value, ENT_QUOTES);
|
|
31
|
+
}
|
|
32
|
+
$args += array('category__in' => $search_category);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
if (!empty($_GET['search_tag'])) {
|
|
36
|
+
foreach ($_GET['search_tag'] as $value) {
|
|
37
|
+
$search_tag[] = htmlspecialchars($value, ENT_QUOTES);
|
|
38
|
+
}
|
|
39
|
+
$args += array('tag__in' => $search_tag);
|
|
40
|
+
}
|
|
41
|
+
?>
|
|
42
|
+
|
|
43
|
+
<!-- 2. 検索フォームの表示 -->
|
|
44
|
+
<div class="search">
|
|
45
|
+
<form method="get" action="<?php echo esc_url(home_url() . $_SERVER['REQUEST_URI']); ?>">
|
|
46
|
+
<div class="checkbox">
|
|
47
|
+
|
|
48
|
+
<div class="condition-title">エリア</div>
|
|
49
|
+
<div class="condition">
|
|
50
|
+
<?php
|
|
51
|
+
$categories = get_categories(array('hide_empty' => false));
|
|
52
|
+
foreach ($categories as $category) :
|
|
53
|
+
$checked = "";
|
|
54
|
+
if (in_array($category->term_id, $search_category)) $checked = " checked";
|
|
55
|
+
?>
|
|
56
|
+
<label>
|
|
57
|
+
<input type="checkbox" name="search_category[]" value="<?php echo esc_attr($category->term_id); ?>" <?php echo $checked; ?>>
|
|
58
|
+
<?php echo esc_html($category->name); ?>
|
|
59
|
+
</label>
|
|
60
|
+
<?php endforeach; ?>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<div class="condition-title">特徴</div>
|
|
64
|
+
<div class="condition">
|
|
65
|
+
<?php
|
|
66
|
+
$tags = get_tags(array('hide_empty' => false));
|
|
67
|
+
foreach ($tags as $tag) :
|
|
68
|
+
$checked = "";
|
|
69
|
+
if (in_array($tag->term_id, $search_tag)) $checked = " checked";
|
|
70
|
+
?>
|
|
71
|
+
<label>
|
|
72
|
+
<input type="checkbox" name="search_tag[]" value="<?php echo esc_attr($tag->term_id); ?>" <?php echo $checked; ?>>
|
|
73
|
+
<?php echo esc_html($tag->name); ?>
|
|
74
|
+
</label>
|
|
75
|
+
<?php endforeach; ?>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
</div>
|
|
79
|
+
|
|
80
|
+
<input type="submit" value="検索" class="submit-button">
|
|
81
|
+
|
|
82
|
+
</form>
|
|
83
|
+
|
|
84
|
+
<!-- 3. 検索結果の取得と表示 -->
|
|
85
|
+
<?php
|
|
86
|
+
$the_query = new WP_Query($args);
|
|
87
|
+
if ($the_query->have_posts()) :
|
|
88
|
+
?>
|
|
89
|
+
<div class="result">
|
|
90
|
+
<?php
|
|
91
|
+
while ($the_query->have_posts()) :
|
|
92
|
+
$the_query->the_post();
|
|
93
|
+
?>
|
|
94
|
+
<div class="article">
|
|
95
|
+
<a href="<?php the_permalink(); ?>">
|
|
96
|
+
<?php the_post_thumbnail('medium'); ?>
|
|
97
|
+
<div><?php the_title(); ?></div>
|
|
98
|
+
</a>
|
|
99
|
+
</div>
|
|
100
|
+
<?php endwhile;
|
|
101
|
+
wp_reset_postdata(); ?>
|
|
102
|
+
</div>
|
|
103
|
+
|
|
104
|
+
<?php
|
|
105
|
+
// ページャーを設置
|
|
106
|
+
echo paginate_links(array(
|
|
107
|
+
'total' => $the_query->max_num_pages,
|
|
108
|
+
'current' => $paged,
|
|
109
|
+
'type' => 'list',
|
|
110
|
+
));
|
|
111
|
+
?>
|
|
112
|
+
<?php else : ?>
|
|
113
|
+
<p>該当する物件はありませんでした。</p>
|
|
114
|
+
<?php endif; ?>
|
|
115
|
+
|
|
116
|
+
</div>
|
|
117
|
+
コード
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
以上となります。
|
|
121
|
+
|
|
122
|
+
私が、PHPやWEB系があまり詳しくないため、どこに何を書けばいいか、どの関数を使うのかなど詳しく教えていただきたいです。
|
|
123
123
|
どなたかご教授お願いいたします。
|
1
参考サイトのリンクを設定し直しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
こちらのサイトを参考に、WordPressの固定ページにページネーションをつけました。
|
|
1
|
+
こちらの[サイト](https://webfun-style.com/wordpress-custom-search/)を参考に、WordPressの固定ページにページネーションをつけました。
|
|
2
2
|
|
|
3
3
|
■問題点
|
|
4
4
|
3ページ目で「検索」ボタンを押すと、1ページ目に戻らずに3ページ目のままになってしまいます。
|