Rails 3: How do you style will_paginate links?

Question

In coding layout is the link styled like

<a href="#" class="class1 class2 class3"><span>Previous</span></a>
<a href="#" class="class1 class2 class3"><span>Next</span>

I tried to search and I found some possible modifications of a shape of these two links. It's:

<div class="pag">
  <%= will_paginate @data, :page_links => false, :next_label => '' %> 
</div>

<div class="pag">
  <%= will_paginate @data, :page_links => false, :previous_label => '' %>
</div>

My question: How can I update the second example to the shape of the first example? My problem is those two span elements...

Thanks

Answer 1

It's can be very easy - just add html markup for your paginate components to your config/locales/en.yml file for example:

en:
  hello: "Hello world"
  will_paginate:
    previous_label: <span class="glyph glyph-prev"></span>
    next_label: <span class="glyph glyph-next"></span>

It's all!

Answer 2

http://thewebfellas.com/blog/2010/8/22/revisited-roll-your-own-pagination-links-with-will_paginate-and-rails-3您可以拥有自己的格式化程序，以便自定义任何您想要的内容。

Answer 3

Wiki

en:
  will_paginate:
    previous_label: "← Previous"
    next_label: "Next →"
    page_gap: "…"

https://github.com/mislav/will_paginate/wiki/I18n#translating-will_paginate-output