<ul class="list_union">
<?php
$cats = get_terms(array('taxonomy' => 'union'));
foreach ($cats as $cat) {
$query = new WP_Query(array(
'post_type' => 'city',
'tax_query' => array(
array(
'taxonomy' => 'union',
'field' => 'term_id',
'terms' => $cat->term_id,
),
),
'posts_per_page' => -1,
'order' => 'ASC',
));
// Получим только первый термин (1ю категорию тек.поста)
$terms = get_the_terms($post->ID, 'union');
if ($terms) {
$term = array_shift($terms);
// Проверяем и прокручиваем посты в цикле
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
// Сравниваем тек.таксономию с таксономией поста
if ($cat->term_id == $term->term_id) { ?>
<li>
<figure>
<?php the_post_thumbnail(); ?>
</figure>
<p><?php the_title(); ?></p>
</li>
<?php }
}
}
}
wp_reset_postdata();
}
?>
</ul>const elemLink = document.querySelectorAll('.swiper-wrapper a.btn');
elemLink.forEach((el) => {
el.addEventListener('click', function(event) {
location.href = event.target.href;
});
});<body>
<div class="lang df">
<button value="en" class="active" id="lang-en">EN</button>
<button value="ru" id="lang-ru">RU</button>
</div>
<div class="title">
<h1 class="lng-h1">Text</h1>
<button class="btn lng-btn">Learn more</button>
</div>
<script src="app.js"></script>
</body>const langArr = {
h1: {
en: 'Text',
ru: 'Teкст',
},
btn: {
en: 'Learn more',
ru: 'Узнать больше',
},
};
document
.querySelectorAll('.lang button')
.forEach((b) => b.addEventListener('click', setLang));
function setLang() {
for (let key in langArr) {
let elem = document.querySelector('.lng-' + key);
if (elem) {
elem.innerHTML = langArr[key][this.value];
}
}
}