Блог

У меня есть div, одно фоновое изображение которого меняет положение в соответствии с моими категориями WordPress:

 div.cat-links a.cat-log {
background-position: 20px 5px;
}

div.cat-links a.cat-a day in the life {
background-position: -163px 5px;
}
  

Код для изображения воспроизводится здесь:

 <div class="cat-links">
<?php foreach((get_the_category()) as $category) {
echo '<a rel="category-tag" href="'.get_category_link($category->cat_ID).'" 
class="cat-  '.$category->cat_name.'">'.$category->cat_name.'</a>';
                    } ?>
</div>
  

В моем примере выше это работает для первой категории, ‘log’, потому что это категория с одним словом. Однако это не работает для моей категории «день из жизни». Достаточно справедливо, поэтому то, что мне нужно сделать, это вызвать slug для вызова изображения вместо этого.

Мне известны примеры WordPress, где slug заменяет категорию, но я изо всех сил пытаюсь реализовать это и был бы признателен за некоторую помощь в этом. Спасибо.

PS: Это точно такой же эффект, как у серых вкладок категорий в OMG Ubuntu. Они разумно использовали названия категорий из одного слова!

Мне удалось найти решение.

 <div class="cat-links"><?php foreach( get_the_category() as $cat ) echo '<a rel="category" class="cat-' . $cat->slug . '" title="View all posts in ' . $cat->name . '" href="' . get_category_link($cat->term_id) . '">' . $cat->name . '</a>'; ?>  </div>
  

Это полезный способ вызова slug в качестве категории, позволяющий обойти проблему категорий в WordPress с помощью более чем одного слова. Ключ в том, чтобы сделать slug и название категории идентичными, с ‘-‘ между каждым словом в slug. Это означает, что мне пришлось изменить мою категорию «Тестирование, тестирование …» на «тестирование тестирования» с помощью slug «тестирование-testing», потому что он не может справиться с аббревиатурой.