WordPress: ¿cómo crear un enlace a un elemento de filtro de datos?

Una página de mi sitio de WordPress usa un menú de filtro en la página en el que el usuario puede hacer clic en los elementos para filtrar el tipo de publicaciones a continuación. ¿Hay alguna manera de crear un enlace a cada elemento del menú de filtro al que el usuario pueda acceder directamente desde fuera de esta página? Por favor, consulte el código html a continuación:

<ul class="filter js-filter">
    <li class="active">
        <a href="#" data-filter="*">All</a>
    </li>
    <li class="">
        <a href="#" data-filter=".building">Building </a>
    </li>
    <li class="">
        <a href="#" data-filter=".villa">Villa </a>
    </li>
    <li class="">
        <a href="#" data-filter=".interior">Interior </a>
    </li>
    <li class="">
        <a href="#" data-filter=".exterior">Exterior </a>
    </li>
</ul>

La forma más fácil probablemente sería usar jQuery’s trigger() para simular un clic en el elemento apropiado basado en un Fragmento de URL (hash en la URL)

Enlaces:

<a href="https://example.com/filter-page#*">Filter All</a>
<a href="https://example.com/filter-page#.building">Filter Buildings</a>

JavaScript en su página de filtro:

jQuery(document).ready(function($){
    var currentFilter = window.location.hash.substr(1);

    $('.js-filter [data-filter="'+ currentFilter +'"]').trigger('click');
});