cara membatasi popular post nextwapblog

Saat kamu memasang template yang notabene menggunakan related post, dan popular post pasti selintas keren ya keren tapi pernahkah terfikirkan sebuah argument jika total post berjumlah sepuluh maka popular post dan related post juga berjumlah sama ? Bagaimana ketika total post berjumlah 100 apakah popular post dan related post akan berjumlah sama ? Jawabanya adalah "Ya" dan untuk tujuan itu artikel ini dibuat. Tidak seperti trik sebelumnya yang menggunakan pure client-side untuk membatasi jumlah popular post nextwapblog namun kali ini akan saya berikan tutorial dalam Twig code.

Dalam tutorial ini yang kita pergunakan adalah template milik Mas bro Flambons yang bernama "Portal berita"

Langkah pertama sobat login terlebih dahulu.
Pergi ke Dasbor » Tema » Mobile » footer.html dan cari syntax dibawah ini :

  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
  7. 07.
  8. 08.
  9. 09.
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34.
  35. 35.
<div class="widgets">
<div class="popular">
<div class="news">
<h3>News</h3>
</div>
<ul>
{% for post in popular_posts %}
<li>
<a href="/{{ post.link }}.html">{{ post.title }}</a>
</li>
{% endfor %}

</ul>
</div>
<div class="other">
<div class="news">
<h3>Other</h3></div>
<ul>
{% for navigation in navigations %}
<li>
{{ navigation|raw }}
</li>
{% endfor %}
</ul>
</div>
</div>
<div id="footer" class="footer">
<p>
© 2017 <a href="/">{{ site.name }}</a><br/>
Template By <a href="https://facebook.com/flambon.group">Flambon</a> </p>

Ubah lah syntax diatas pada bagian yang ditandai warna merah menjadi :
  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
  7. 07.
  8. 08.
  9. 09.
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38.
  39. 39.
  40. 40.
<div class="widgets">
<div class="popular">
<div class="news">
<h3>News</h3>
</div>
<ul>
{% if popular_post|length > 5 %}
{% for post in popular_posts|slice(0, 5) %}
<li>
<a href="/{{ post.link }}.html">{{ post.title }}</a>
</li>
{% endfor %}
{% else %}
{% for post in popular_posts %}
<li>
<a href="/{{ post.link }}.html">{{ post.title }}</a>
</li>
{% endfor %}
{% endif %}

</ul>
</div>
<div class="other">
<div class="news">
<h3>Other</h3></div>
<ul>
{% for navigation in navigations %}
<li>
{{ navigation|raw }}
</li>
{% endfor %}
</ul>
</div>
</div>
<div id="footer" class="footer">
<p>
© 2017 <a href="/">{{ site.name }}</a><br/>
Template By <a href="https://facebook.com/flambon.group">Flambon</a> </p>

Copas code:

NB:
Argument :
{% if popular_posts|length > 5 %} mengecheck apakah jumlah popular post itu lebih dari 5
{% for posts in popular_posts|slice(0, 5) %} memabatasi jumlah popular post menjadi 5 untuk ditampilkan nantinya jika jumlah popular post lebih dari 5
{% else %} membantah semua argument diatas dan yang ditampilkan adalah popular post biasa tanpa slice(). Angka 5 pada slice() bisa kamu rubah tergantung pada berapa jumlah total popular post yang ingin ditampilkan.

Bagaimana sudah pusing ? Semoga saja tidak, karena masih ada satu tutorial lagi yaitu untuk membatasi jumlah related post dengan Twig code
Membatasi jumlah related post dengan Twig code.