Ссылка вида ?cat= заменить на the_slug

Какой то мастер делал шаблон вывода списка категорий (рубрик), путем использования такого кода:

<?php if ( have_posts() ): ?>
    <?php query_posts('cat=' . get_cat_ID('Каталог') . '&order=ASC');  ?>
    <?php
	    $index = 4;
    ?>
    <?php while ( have_posts() ): the_post(); ?>
      <a href="?cat=<?php the_title(); ?>">
        <?php
        $thumb_id = get_post_thumbnail_id();
        $thumb_url = wp_get_attachment_image_src($thumb_id,'full', true);
        ?>
	      <?php $index++; ?>
        <div class="goods">
          <div class="goods-img" style="background: url(<?php echo $thumb_url[0]; ?>); background-size: cover;">
            <div class="goods-animate"><div class="goods-icon"></div></div>
          </div>
          <div class="goods-name"><span><?php the_title(); ?></span></div>
        </div>
      </a>
    <?php endwhile; endif; ?>
    <?php $c = $index % 4; if ( $c ) for ($i = 0; $i < $c; $i++) echo '<div style="width: 246px;"></div>';  ?>

как видите ссылка <a href="?cat=<?php the_title(); ?>"> имеет хук the_title()
я же хочу сделать правильно (что бы фронтэнд не выводил мне ссылки вида …?cat=Название рубрики) выводить там слаг рубрики. Но когда я меняю the_title() на the_slug() вообще не выводит рубрики (белый лист)