自分の手で未来を創るーlav0

自分のために、誰かのために、今ここにないもの、もっと良くしたいもの、何でも自分の手で創っていく。そして、作ったものを公開していきます

paginationをカスタマイズする

アプリケーションンにはwill_paginateを使用していますが、記事が多数になるとスマホで見た際に、折り返しになってしまう。そこを編集したく参考にしたことのメモ

f:id:kslabo51:20191230213344j:plain

pagination

参考:

 https://github.com/mislav/will_paginate/blob/master/lib/will_paginate/view_helpers.rb

 

実際に実装したのは下記の2つ

①ラベルの表示を「prev」、「next」から「前へ」、「次へ」と日本語に変更

②innerwindowを使用して、レンダリングされるページのリンク数を削減

 

コードとしては下記のような感じになります。

例)

<%= will_paginate @microposts, :previous_label => '&lt 前へ', :next_label => '&gt 次へ', :inner_window => 1 %> 完了

 

「前へ」や「次へ」はどんな文字にもできる。

f:id:kslabo51:20191230212920p:plain

↑上記のような感じにできた。

 

version rails 5.1.6