質問編集履歴

9

追加

2022/04/25 07:53

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -263,6 +263,12 @@
263
263
    /*ここまで*/
264
264
  <?PHP wp_footer(); ?>
265
265
  ```
266
+ エラーメッセージ、
267
+ jquery.min.js?ver=3.6.0:2 Uncaught TypeError: $(...).paginathing is not a function
268
+ at HTMLDocument.<anonymous> ((インデックス):562:26)
269
+ at e (jquery.min.js?ver=3.6.0:2:30038)
270
+ at t (jquery.min.js?ver=3.6.0:2:30340)です。
271
+
266
272
  CSSを書いてあるとおりに打ち込んでから少し調節したところ、
267
273
  ボタンは表示されますが、クリックしても移動しません。
268
274
 

8

追加

2022/04/25 05:49

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,9 @@
1
- 初心者です。急ぎですのでこれからマルチポストにします。
1
+ 初心者です。急ぎですのでこれからマルチポストす。
2
+ https://shu-sait.com/html-pagination-jisso/
3
+ https://ja.stackoverflow.com/questions/88482/%e3%83%9a%e3%83%bc%e3%82%b8%e3%83%8d%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e3%81%93%e3%81%a8%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93
4
+
2
5
  WordPressでサイトを制作しています。
3
6
  アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
4
- https://shu-sait.com/html-pagination-jisso/
5
7
  https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a
6
8
 
7
9
  ただ、上記のサイト道理にやっても、ページネーションができません。

7

内容の追加

2022/04/25 05:48

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,7 @@
2
2
  WordPressでサイトを制作しています。
3
3
  アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
4
4
  https://shu-sait.com/html-pagination-jisso/
5
+ https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a
5
6
 
6
7
  ただ、上記のサイト道理にやっても、ページネーションができません。
7
8
 

6

内容追加

2022/04/25 05:38

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- 初心者です。
1
+ 初心者です。急ぎですのでこれからマルチポストにします。
2
2
  WordPressでサイトを制作しています。
3
3
  アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
4
4
  https://shu-sait.com/html-pagination-jisso/

5

内容補正

2022/04/25 05:37

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -192,8 +192,10 @@
192
192
  <title>Engress</title>
193
193
  <link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
194
194
  <script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
195
+   /*ここから*/
195
196
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
196
197
  <script type="text/javascript" src="/wp-content/themes/test/js/paginathing.min.js"></script>
198
+   /*ここまで*/
197
199
  <link rel="stylesheet" type="text/css" href="/wp-content/uploads/css/style.css" />
198
200
  <?php wp_head(); ?>
199
201
  </head>
@@ -243,7 +245,7 @@
243
245
  });
244
246
  }
245
247
  </script>
246
-
248
+   /*ここから*/
247
249
  <script type="text/javascript">
248
250
  jQuery(document).ready(function($){
249
251
  $('.list-group').paginathing({
@@ -255,7 +257,7 @@
255
257
  })
256
258
  });
257
259
  </script>
258
-
260
+   /*ここまで*/
259
261
  <?PHP wp_footer(); ?>
260
262
  ```
261
263
  CSSを書いてあるとおりに打ち込んでから少し調節したところ、

4

内容の追加

2022/04/25 05:35

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -258,7 +258,10 @@
258
258
 
259
259
  <?PHP wp_footer(); ?>
260
260
  ```
261
-
261
+ CSSを書いてあるとおりに打ち込んでから少し調節したところ、
262
-
262
+ ボタンは表示されますが、クリックしても移動しません。
263
+
263
-
264
+ 他のJQは機能しています。
264
-
265
+
266
+
267
+

3

内容の追加

2022/04/25 05:33

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -15,7 +15,10 @@
15
15
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-25/0dcb51d8-9606-4000-946d-be6026be9113.png)
16
16
 
17
17
 
18
- このような形で、書いてある頃は一通りやったつもりなのですが、
18
+ このような形で、書いてある頃は一通りやったつもりなのですが、できません
19
+ 下記がコードになります。
20
+
21
+ ご存じの方いましたら教えていただけると幸いです。
19
22
 
20
23
 
21
24
  ```archive.php

2

内容の追加

2022/04/25 05:32

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -196,8 +196,66 @@
196
196
  </head>
197
197
  ```
198
198
 
199
-
199
+ ```footer.php
200
+
200
-
201
+ <script>
201
-
202
+ $(function(){
202
-
203
+ $(".question-outer dt").on("click",function(){
203
-
204
+ $(this).next().slideToggle();
205
+ $(this).toggleClass("open");
206
+ })
207
+ })
208
+ //sticky header
209
+ $('.header-burger-btn').on('click',function(){
210
+ $('.header-nav').fadeToggle(300);
211
+ $('.header-burger-btn').toggleClass('cross');
212
+ $('body').toggleClass('noscroll');
213
+ });;
214
+ </script>
215
+
216
+ <script>
217
+ // クラス名を追加することによって画面幅が小さいときにのみスクロールが発生するようにしたい。が、常に追加された状態になる。
218
+ if (window.matchMedia( "(max-width: 1280px)" ).matches) {
219
+ var p1_element = document.getElementById("p1");
220
+ }
221
+
222
+ new ScrollHint('.js-scrollable', {
223
+ scrollHintIconAppendClass: 'scroll-hint-icon-white', // white-icon will appear
224
+ applyToParents: true,
225
+ i18n: {
226
+ scrollable: 'スクロールできます'
227
+ }
228
+ });
229
+ new ScrollHint('.js-scrollable', {
230
+ suggestiveShadow: true
231
+ });
232
+ </script>
233
+
234
+
235
+ <script>
236
+
237
+ if(typeof jQuery != "undefined"){ //jQueryの読み込み確認
238
+ $(function(){
239
+ alert('jQuery is ready.')
240
+ });
241
+ }
242
+ </script>
243
+
244
+ <script type="text/javascript">
245
+ jQuery(document).ready(function($){
246
+ $('.list-group').paginathing({
247
+ perPage: 4,
248
+ firstLast: false,
249
+ prevText:'prev' ,
250
+ nextText:'next' ,
251
+ activeClass: 'active',
252
+ })
253
+ });
254
+ </script>
255
+
256
+ <?PHP wp_footer(); ?>
257
+ ```
258
+
259
+
260
+
261
+

1

内容の追加

2022/04/25 05:31

投稿

2232
2232

score276

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,7 @@
18
18
  このような形で、書いてある頃は一通りやったつもりなのですが、
19
19
 
20
20
 
21
- ```ここに言語を入力
21
+ ```archive.php
22
22
  <div class="pagination-second">
23
23
  <div class="list-box">
24
24
  <ul>
@@ -180,10 +180,24 @@
180
180
  </div>
181
181
  ```
182
182
 
183
-
183
+ ```header.php
184
-
184
+ <head>
185
-
185
+ <meta charset="utf-8" />
186
-
186
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
187
-
187
+ <meta name="keywords" content="ポートフォリオ制作" />
188
-
188
+ <meta name="description" content="共通ディスクリプション" />
189
-
189
+ <title>Engress</title>
190
+ <link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
191
+ <script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
192
+ <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
193
+ <script type="text/javascript" src="/wp-content/themes/test/js/paginathing.min.js"></script>
194
+ <link rel="stylesheet" type="text/css" href="/wp-content/uploads/css/style.css" />
195
+ <?php wp_head(); ?>
196
+ </head>
197
+ ```
198
+
199
+
200
+
201
+
202
+
203
+