Simplicityの特徴 › フォーラム › 要望・機能追加など › 無限スクロールへの対応
- このトピックには7件の返信、2人の参加者があり、最後に
わいひらにより10年、 11ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年6月29日 8:47 PM #28497
ヤス
ゲスト文字通り日頃よりSimplicityには大変お世話になっております。
このような使いやすいテンプレートを制作・更新いただきまして、誠にありがとうございます。表題の件につきまして、
原状ではプラグインを入れてもテンプレート内をいじるなどして対応しなければなりません。
http://lucirix.varism.com/2015/05/post-593.html記事の一覧が表示されるページにおいて、無限スクロールができるよう希望いたします。
よく懸念される「Googleアナリティクス」などの対応につきまして、
下記のサイトの方法にて次ページとしてカウントがされるようです。
http://designcolor-web.com/2013/11/27/ajax-pvcount/ご検討のほど、よろしくお願いいたします。
-
2015年6月29日 10:23 PM #28499
Hidekichi
ゲストInfinite Scrollと言うプラグインがあります。これの設定で、
Content Selector : #list
Navigation Selector : .pager
Next Selector : .pager .next
Item Selector : .entry後は任意に設定で、元のファイルを何もいじらなくても無限スクロールが可能です。Simplicity 1.7.4で確認。
テスト用のうちのサイト海外サーバーで確認できます。
スクロールである程度の所に行ったら次のを読み込むって感じなので、期待されている動作とは違うかも知れませんけれども。Googleアナリティクスについてはわかりませんが、無限スクロールは可能です。
-
2015年6月30日 7:19 AM #28509
Hidekichi
ゲストなんかわかりませんがうちの海外サーバーのcpu制限が超えたとかで一時的なアカウント停止とかなってました(笑)
無料だし、更新してないサーバーなのでいいんですけれども、ここから考えるに無限スクロールというのは結構cpuが使われるのかも知れませんな。
原因はサーバー側の設定にあると思うんですが、共用サーバーで海外のサーバーなので変なアクセスは滞りなくありまして、それが原因の可能性もとても高いんですけどね(笑)とりあえずの所、先のレスでの海外サーバーは現在アクセス不可なので報告しておきます。
-
2015年6月30日 3:30 PM #28522
わいひらキーマスター大変申しわけないのですが、僕自身今のところ無限スクロールの必要性をあまり感じていないので、すぐに機能を取り付けるということはないと思います。
カスタマイズなしで実装するには、hidekichiさんの紹介にあるような、CSSセレクターを指定して無限スクロールにするプラグインを試してみてください。 -
2015年6月30日 9:21 PM #28546
ヤス
ゲスト>Hidekichiさん
プラグインと設定のご紹介ありがとうございました。
その日のうちにご回答いただけるとは思ってもいませんでしたので感激です。
さっそくこちらを使わせて頂いております。
しかし残念ながら「Googleアナリティクス」のページカウントには対応していないようです。
自作プラグインを検討いたします。>わいひらさん
素早いご回答ありがとうございました。
噂に聞くとおりのパワフルな方で尊敬いたします。
おっしゃる通り、プラグイン(CSSセレクターの指定)にて対応できるのであれば、テーマの機能に盛り込むものではないですよね。
欲を言えば「Jetpack」や「BJ LazyLoad」など有名なプラグインでも導入後すぐに利用できるのであれば利用者としても幅が広がると思いました。 -
2015年7月1日 5:43 PM #28566
わいひらキーマスターしかし残念ながら「Googleアナリティクス」のページカウントには対応していないようです。
プラグインによっては、対応/非対応のものもあるのですね。
欲を言えば「Jetpack」や「BJ LazyLoad」など有名なプラグインでも導入後すぐに利用できるのであれば利用者としても幅が広がると思いました。
機能として、切り替えられるようにしておけば使われる方もおられるかもしれないと、一応ToDoリストには書き込んでおきました。
ただ、想像ですが、無現スクロールの実装は、Ajaxを利用すると思うので、通常の機能の実装より、難しいのではないかと思っています。
時間がある時に、方法を調べてみようと思います。
ただ、僕の能力的に無理そうだったら、実装しないと思いますが、ご了承ください。自作プラグインを検討いたします。
もし、良い実装方法などがあれば、すぐに機能追加できると思います。
-
2015年7月1日 9:49 PM #28572
Hidekichi
ゲスト画面内にリストアイテムの最後が入ったら、.page .nextのクエリをphpに送って任意の数だけ出力するスクリプトを書いて、それをajaxでリストアイテムの最後に追加したらokです。ajaxも記載が面倒なので、$.get()とか$.post()でもいいかなと思います。
.page .nextのクエリは、「サイトアドレス/page/n」 みたいな形式だと思うんですが、ここって変更できましたっけ?
変更できる場合は、wordpressがどういう処理をしてページを判断してるのかわかりませんが、まぁクエリを送ったら返事は何かしらあるだろうと思ったり。リストアイテムの最後: $(“#list:last-child”)
.page .nextのクエリ: $(“.page .next”).attr(“href”)みたいな感じでイケルんではないでしょうか?
で、$(“#list”).append(“ajaxで拾ったphpの出力部分”)みたいな感じで。PHPの方は、送られたクエリを処理してできたリストアイテムをechoするだけで拾えますし、ajaxStart()やajaxComplete()等で読み込むまでにプログレスバーみたいの(スピンアイコンとか)を出しておくこともできます。ここらは、現在のカウンタみたいにfont awesomeを切り替えるとかでもいいと思うんですけれども。
-
2015年7月1日 10:03 PM #28574
わいひらキーマスター.page .nextのクエリは、「サイトアドレス/page/n」 みたいな形式だと思うんですが、ここって変更できましたっけ?
まだ調べてないので、ちょっとわからないです。
こういったことも含めて、いくつかコピペするだけで実装できれば実装しようとは思いますが、すべて自分で調べてやるとなると、いつになるか、また実際に実装するかどうかは、ちょっとわからないです。
僕はこれまで、Ajaxに関しては、Railsを通してでしか書いたことがないもので。
-
-
投稿者投稿
- フォーラム「要望・機能追加など」には新規投稿および返信を追加できません。