Создание нескольких разделов категории Wordpress

Question

У меня есть сайт Wordpress, который использует изображения, заменяющие текст категории. Он настроен на наличие пост-div (отступы: 20% 0, для согласованной чувствительной высоты). Затем имеет абсолютный div, вертикальный/горизонтальный верхний предел этого div.

HTML

<div class="indx-img" style="background-image:url('...');"> 

     <?php 
     $testStyle = ""; 

     if(has_category('update') || has_category('uncategorized')) { 
      $testStyle = "style=\"background-image:url('".get_bloginfo('template_directory')."/img/logo.png')\""; 
     } elseif(has_category('event')) { 
      $testStyle = "style=\"background-image:url('".get_bloginfo('template_directory')."/img/logo.png')\""; 
     } 
     ?> 

      <div class="test" <?php echo $testStyle; ?>></div> 

</div> 

CSS

.indx-img { 
    position: relative; 
    padding: 20% 0; 
} 

.test { 
    position: absolute; 
    left: 50%; 
    margin-left: -5em; 
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    height: 10em; 
    width: 10em; 
} 

Это ставило это фоновое изображение для теста. Проблема с этим заключается в том, что в столбце есть более одной категории, показывается только одна.

В идеале я хочу, чтобы div, созданный в 'тесте' для каждой категории, применяемой к сообщению с изображением категории, выровнен рядом друг с другом.

Answer 1

По вашему коду, я думаю, что ваш HTML-код div работает для одного сообщения. и поскольку вы проверяете одну категорию с помощью has_category, она даст вам только категорию.

Для получения любой категории любого поста, вам понадобится wp_get_post_categories функция.

$post_categories = wp_get_post_categories($post_id); 
$cats = array(); 

foreach($post_categories as $c){ 
    $cat = get_category($c); 
    $cats[] = array('name' => $cat->name, 'slug' => $cat->slug); 
} 

Таким образом, вы можете получить список категорий и поместить соответствующий код стиля соответственно. см. https://codex.wordpress.org/Function_Reference/wp_get_post_categories более подробную информацию об wp_get_post_categories использования.