質問編集履歴
3
url削除の為
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
- ワードプレスの表示設定でトップページに選んだ固定ページにて、ページネーションのページを選択後、該当部分まで自動scrollさせたい。または横スライドさせたい
|
|
4
4
|
わけがあって、front-page.phpなどのテンプレートファイルには書けません
|
|
5
|
-
[該当サイト](
|
|
5
|
+
[該当サイト]()
|
|
6
6
|
|
|
7
7
|
どなたかお助け下さい。
|
|
8
8
|
|
2
ページネーション部分は解決したのでその部分は省きました
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
ページネーションでページ選択後、該当部分までスクロールさせたい
|
test
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
- ワードプレスの表示設定でトップページに選んだ固定ページにて、ページネーションのページを選択後、該当部分まで自動scrollさせたい。または横スライドさせたい
|
|
4
4
|
わけがあって、front-page.phpなどのテンプレートファイルには書けません
|
|
5
5
|
[該当サイト](http://parnasse.conohawing.com/morihuji_test/)
|
|
6
|
-
|
|
6
|
+
|
|
7
7
|
どなたかお助け下さい。
|
|
8
8
|
|
|
9
9
|
### 前提
|
|
@@ -11,12 +11,8 @@
|
|
|
11
11
|
wordpressにてelementorを用いて、固定ページにショートコードを読み込ませて、（pagination.phpというファイルを読み込ませています）
|
|
12
12
|
カスタム投稿（スラッグ名bunny）のページネーションを表示させています。
|
|
13
13
|
|
|
14
|
-
問題
|
|
14
|
+
問題1
|
|
15
|
-
しかし、トップページに設定した固定ページですと、ページネーションが機能せず、2ページ以降表示されません。（トップページ指定を別の固定ページに変えると問題なくページネーションが機能します）
|
|
16
|
-
|
|
17
|
-
問題②
|
|
18
15
|
ページネーションの番号2や3をクリックすると該当ページには遷移するのですがページの一番上までscrollが戻ってしまい、カスタム投稿一覧のところまで自動でスクロールされないので困っています
|
|
19
|
-
|
|
20
16
|
|
|
21
17
|
|
|
22
18
|
### 該当のソースコード
|
|
@@ -24,7 +20,8 @@
|
|
|
24
20
|
```pagination.php
|
|
25
21
|
|
|
26
22
|
<?php
|
|
23
|
+
// フロントページにページネーションつける場合はget_query_var('paged')ではなくget_query_var('page')にする！！！
|
|
27
|
-
$paged = (get_query_var('page
|
|
24
|
+
$paged = (get_query_var('page')) ? get_query_var('page') : 1;
|
|
28
25
|
$the_query = new WP_Query( array(
|
|
29
26
|
'post_type' => 'bunny',
|
|
30
27
|
'post_status' => 'publish',
|
|
@@ -84,12 +81,6 @@
|
|
|
84
81
|
setTimeout関数を使い、ページ番号クリックして数秒後にスクロールさせようと思いましたが、クリック→スクロールする→ページ遷移→上まで戻ってしまい意味がありません。
|
|
85
82
|
paginate_links関数の中にページネーション後に発動するイベントを指定したりするパラメータがあるかもしれないとも思い探しましたがありませんでした。
|
|
86
83
|
|
|
87
|
-
ページネーション機能そのものが機能していない点については、
|
|
88
|
-
https://loglogme.com/news/news-417/
|
|
89
|
-
https://web-parts-box.com/wordpress/pagenation-01/#toc2
|
|
90
|
-
https://web-souko.com/responsive-pager2/
|
|
91
|
-
など参考にしましたが、上手くいきません。
|
|
92
|
-
|
|
93
84
|
### 補足情報（FW/ツールのバージョンなど）
|
|
94
85
|
|
|
95
86
|
WordPress 6.2.2
|
1
ソースコード修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
// コンテンツ
|
|
38
38
|
if ($the_query->have_posts()) :?><?php
|
|
39
39
|
while ($the_query->have_posts()) : $the_query->the_post();?>
|
|
40
|
+
<!-- ここまで自動スクロールさせたい -->
|
|
40
41
|
<div class="pagination_top">
|
|
41
42
|
<div class="flex">
|
|
42
43
|
<section class="weekly2"><?php the_title(); ?><!--投稿タイトル--></section>
|
|
@@ -45,7 +46,7 @@
|
|
|
45
46
|
|
|
46
47
|
<?php endwhile;?><?php endif; ?>
|
|
47
48
|
<!-- pagenation -->
|
|
48
|
-
|
|
49
|
+
|
|
49
50
|
<div class="pagenation">
|
|
50
51
|
<?php
|
|
51
52
|
if ($the_query->max_num_pages > 1) {
|