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

質問編集履歴

1

文法の修正

2020/10/13 08:50

投稿

has_k
has_k

スコア4

title CHANGED
File without changes
body CHANGED
@@ -1,14 +1,21 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- 当方ずぶの素人ですが、WordPressの固定ページにて投稿一覧(アーカイブ的ページ)を作成しています。
3
+ WordPressの固定ページにて投稿一覧(アーカイブ的ページ)を作成しています。
4
- 本来はarchive.phpなどを使用するのでしょうが、1つの投稿タイプから複数の投稿一覧を作成したいため、固定ページにて進めています。
5
- この一覧ページでMasonryInfiniteScrollを実現したいのですが、「もっと見る」ボタンを押すと過去投稿分のMasonryが効かなくなり画像が重なってしまいます。
4
+ この一覧ページでMasonryInfiniteScrollを同時に実現したいのですが、「もっと見る」ボタンを押すと、追加表示される記事のMasonryが効かなくなり記事が重なってしまいます。
6
- 開発者ツールで確認してみても過去投稿分はMasonry によって生成されるpositionが反映されていない状態です。
7
5
 
6
+ 例えば20件の記事があり4件ずつ表示させたいのですが、「もっと見る」を押すと、初期表示している記事が無視され同じ位置に次の4記事が追加される状態です。
7
+
8
+ ・Masonry によって生成されるpositionが追加される記事には反映されていない
9
+ ・Masonry自体を切ってテストすると、正常に無限スクロールされる
10
+ 以上から、Masonryのスクリプトコードに問題があるのではないかと思っています。
11
+
8
12
  散々ググったのですが手に負えず、、どなたかお力添えをお願い致します。
9
13
 
10
- ※「Local」にてローカルにWP環境を構築しています
11
14
 
15
+ ※こちらにある「Local」にてWP環境を構築しています
16
+ https://bazubu.com/how-to-create-local-environment-23801.html
17
+
18
+
12
19
  ### 固定ページのコード(test.php)
13
20
 
14
21
  ```ここに言語名を入力