filtrare articoli per categorie attraverso menu personalizzato

Ciao a tutti, sto creando una pagina di blog all’interno del mio sito. Oltre al menù principale in alto, sotto, ho creato un’altra barra di navigazione con le categorie del blog. più sotto si vedono tutti i post di tutte le categorie.
Quello che però io vorrei ottenere è un sistema di filtraggio. Cioè cliccando su una voce del secondo menu che ho creato, si devono filtrare all’interno della stessa pagina, solo gli articoli che fanno parte di quella categoria.
Ispezionando altri siti che hanno questa funzione ho capito che nella lista delle voci menù dovrei inserire data-filter e così ho fatto:

<ul id="btn-list"> 
  <li><a href="#" data-filter="*">ALL</a></li>
  <li><a href="#" data-filter=".announcements">ANNOUNCEMENTS</a></li>
  <li><a href="#" data-filter=".development_blog">DEVELOPMENT BLOG</a></li>
  <li><a href="#" data-filter=".updates">UPDATES</a></li>	
</ul>

Ora però non so come continuare. Sicuramente si dovrò inserire qualche funzione in js per richiamare sia i data-filter, sia gli articoli di quella categoria. Ma non so come fare.
Qualcuno potrebbe aiutarmi a continuare? o aiutarmi a cercare qualche tutorial. Grazie anticipatamente.

• Questo topic è stato modificato 5 anni, 4 mesi fa da midori89.
• Questo topic è stato modificato 5 anni, 4 mesi fa da midori89.
• Questo topic è stato modificato 5 anni, 4 mesi fa da Cristiano Zanca.