Hur man gör en infinite scroll/kan se fler än tre inlägg
Postat:
// I kategori: Designtips
När du lagt in den koden trycker du på spara.
Spara inte än.
Eftersom många bloggar här på blogg.se har problem med att det bara visas tre inlägg på bloggen så tänkte jag nu försöka förklara för er hur man gör så att det syns fler.
Det man alltså gör för att kunna scrolla ner och se fler än tre inlägg är att skaffa en infinite scroll, det menas med att man alltså nästan kan scrolla nedåt i evigheter och se alla inlägg.
Du börjar med att gå in på kodmallar och gör det först på startsidan, sedan inläggssida, arkivsida och kategori sida. Alltså ska du göra samma sak (lägga in alla fyra koder) på alla sidor förutom stillmallen.
1. letar du upp </head> och lägger den här koden (↓) precis en rad ovanför </head>:
<script type="text/javascript" src="/static/api.js"></script>
När du lagt in den koden trycker du på spara.
2. Sedan går du ner ner och letar upp en kod som heter {% for entry in entries %} och det är också viktigt att man inte har en [:10] eller liknande efter där, utan det ska stå {% for entry in entries %} bara.
När du hittat den koden så ska du klistra in den här koden:
{% block entry_loop %}
Klistra in det en rad ovanför/innan {% for entry in entries %}.
Spara inte än.
3.
Sedan går du ner och hittar en kod som heter {% endfor %} och precis efter den koden ska du klistra in den här koden:
{% endblock entry_loop %}
Spara inte än.
4. Nu ska du gå längst ner i din kodmall och hitta koden </body>, precis innan/över </body> ska du klistra in den här långa kodstycket:
{% if page in ["index","archive","category"] and last_ts and page %}<script>
if(typeof(bindContentLoader) == 'function') {
bindContentLoader('{{ page }}',$('#content'),{{ last_ts }});
}
</script>{% endif %}
KLICKA NU PÅ SPARA.
Nu ska du alltså ha en infinitive scroll och nu ska man kunna se fler än tre inlägg. Hoppas hoppas att ni förstod, gjorde ni inte det så kolla på videon som ligger högst upp i inlägget där jag visar hur man gör steg för steg.
Om ni inte förstod, kommentera så kontaktar jag dig om du vill ha hjälp!
