無限スクロールへの対応

Simplicityの特徴 フォーラム 要望・機能追加など 無限スクロールへの対応

7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #28497
      ヤス
      ゲスト

      文字通り日頃よりSimplicityには大変お世話になっております。
      このような使いやすいテンプレートを制作・更新いただきまして、誠にありがとうございます。

      表題の件につきまして、
      原状ではプラグインを入れてもテンプレート内をいじるなどして対応しなければなりません。
      http://lucirix.varism.com/2015/05/post-593.html

      記事の一覧が表示されるページにおいて、無限スクロールができるよう希望いたします。

      よく懸念される「Googleアナリティクス」などの対応につきまして、
      下記のサイトの方法にて次ページとしてカウントがされるようです。
      http://designcolor-web.com/2013/11/27/ajax-pvcount/

      ご検討のほど、よろしくお願いいたします。

    • #28499
      Hidekichi
      ゲスト

      Infinite Scrollと言うプラグインがあります。これの設定で、

      Content Selector : #list
      Navigation Selector : .pager
      Next Selector : .pager .next
      Item Selector : .entry

      後は任意に設定で、元のファイルを何もいじらなくても無限スクロールが可能です。Simplicity 1.7.4で確認。
      テスト用のうちのサイト海外サーバーで確認できます。
      スクロールである程度の所に行ったら次のを読み込むって感じなので、期待されている動作とは違うかも知れませんけれども。

      Googleアナリティクスについてはわかりませんが、無限スクロールは可能です。

    • #28509
      Hidekichi
      ゲスト

      なんかわかりませんがうちの海外サーバーのcpu制限が超えたとかで一時的なアカウント停止とかなってました(笑)
      無料だし、更新してないサーバーなのでいいんですけれども、ここから考えるに無限スクロールというのは結構cpuが使われるのかも知れませんな。
      原因はサーバー側の設定にあると思うんですが、共用サーバーで海外のサーバーなので変なアクセスは滞りなくありまして、それが原因の可能性もとても高いんですけどね(笑)

      とりあえずの所、先のレスでの海外サーバーは現在アクセス不可なので報告しておきます。

    • #28522
      アバター画像わいひら
      キーマスター

      大変申しわけないのですが、僕自身今のところ無限スクロールの必要性をあまり感じていないので、すぐに機能を取り付けるということはないと思います。
      カスタマイズなしで実装するには、hidekichiさんの紹介にあるような、CSSセレクターを指定して無限スクロールにするプラグインを試してみてください。

    • #28546
      ヤス
      ゲスト

      >Hidekichiさん
      プラグインと設定のご紹介ありがとうございました。
      その日のうちにご回答いただけるとは思ってもいませんでしたので感激です。
      さっそくこちらを使わせて頂いております。
      しかし残念ながら「Googleアナリティクス」のページカウントには対応していないようです。
      自作プラグインを検討いたします。

      >わいひらさん
      素早いご回答ありがとうございました。
      噂に聞くとおりのパワフルな方で尊敬いたします。
      おっしゃる通り、プラグイン(CSSセレクターの指定)にて対応できるのであれば、テーマの機能に盛り込むものではないですよね。
      欲を言えば「Jetpack」や「BJ LazyLoad」など有名なプラグインでも導入後すぐに利用できるのであれば利用者としても幅が広がると思いました。

    • #28566
      アバター画像わいひら
      キーマスター

      しかし残念ながら「Googleアナリティクス」のページカウントには対応していないようです。

      プラグインによっては、対応/非対応のものもあるのですね。

      欲を言えば「Jetpack」や「BJ LazyLoad」など有名なプラグインでも導入後すぐに利用できるのであれば利用者としても幅が広がると思いました。

      機能として、切り替えられるようにしておけば使われる方もおられるかもしれないと、一応ToDoリストには書き込んでおきました。
      ただ、想像ですが、無現スクロールの実装は、Ajaxを利用すると思うので、通常の機能の実装より、難しいのではないかと思っています。
      時間がある時に、方法を調べてみようと思います。
      ただ、僕の能力的に無理そうだったら、実装しないと思いますが、ご了承ください。

      自作プラグインを検討いたします。

      もし、良い実装方法などがあれば、すぐに機能追加できると思います。

    • #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を切り替えるとかでもいいと思うんですけれども。

    • #28574
      アバター画像わいひら
      キーマスター

      .page .nextのクエリは、「サイトアドレス/page/n」 みたいな形式だと思うんですが、ここって変更できましたっけ?

      まだ調べてないので、ちょっとわからないです。
      こういったことも含めて、いくつかコピペするだけで実装できれば実装しようとは思いますが、すべて自分で調べてやるとなると、いつになるか、また実際に実装するかどうかは、ちょっとわからないです。
      僕はこれまで、Ajaxに関しては、Railsを通してでしか書いたことがないもので。

7件の返信スレッドを表示中
  • フォーラム「要望・機能追加など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)