You posted up your localhost which no one will be able to see. When you say filter plugin Facet. Forgive me if I assume wrong when I think you mean FacetWP. Your question involves a bit more depth than you may realize if you’re doing what I think you are doing. I can start you it the right direction though 🙂
You have two thing to set up for just the FacetWP plugin: Facets and Template
Facet:
Setting up your facet is pretty straight forward. You will select your facet option type > Then you select your data source
Data Source is where you will select your taxonomy. You can also use a field type here if you were needing to change it’s value based on some input.
Other options > use default.
I would recommend CPT UI to create your custom post types.
Use CPT Layout Injector to make a page template that you will use for your archive. This is where though field options come in useful.
And Custom Field Suite for custom fields or something more robust like Advanced Custom Fields.
Template:
Divided into two section: Query argument and Display Code
Query argument
<?php
return array(
"post_type" => "Topics",
"post_status" => "publish",
"orderby" => "date",
"order" => "DESC",
"posts_per_page" => 10
);
Display Code
<?php while ( have_posts() ): the_post(); ?>
<p><a href="https://wordpress.stackexchange.com/questions/279481/<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
<?php endwhile; ?>
The support for this plugin is excellent. They will get back to you very quickly and they’re extremely friendly. Just make sure to come up with something where you are stuck on finishing a query and they will definitely be willing to help you.
Here is an hour long tutorial that helped me tremendously. I hope it helps you as well. If you watch between 12-48 min is where it is the best. But if you don’t truly understand.. than listen to what he says the first 12 minutes!
https://www.sean-barton.co.uk/2016/05/divi-cpt-builder-acf-module-release-video/