Denis_8106

<header class="<?php echo (is_front_page()) ? 'black_bg' : 'white_bg'; ?>">

У функции get_terms() нет аргумента post_type, а у WP_Query аргумента taxonomy

Для проверки постов, относящихся к определенной категории нужно использовать get_the_terms() или has_term()

<ul>
    <?php
    // Получаем все термины таксономии 'union'
    $cats = get_terms(array('taxonomy' => 'union', 'hide_empty' => false));

    // Цикл по терминам таксономии
    foreach ($cats as $cat) { ?>
    <li>
        <h2>
            <a href="<?php echo get_term_link($cat); ?>">
                <?php echo get_field('eu-members') . '&nbsp;' . $cat->name . '&nbsp;<small>&#129122;&nbsp;' . get_field('eu-show-more') . '</small>' ?>
            </a>
        </h2>

        <ul>
            <?php
            // Создаем новый WP_Query для получения постов текущего термина
            $query_city = new WP_Query(array(
                'posts_per_page' => -1,
                'order' => 'ASC',
                'post_type' => 'city',
                'tax_query' => array(
                    array(
                        'taxonomy' => 'union', // Таксономия
                        'field' => 'term_id',  // Поле термина
                        'terms' => $cat->term_id, // ID термина
                    ),
                ),
            ));

            // Проверяем наличие постов
            if ($query_city->have_posts()) {
                while ($query_city->have_posts()) {
                    $query_city->the_post(); ?>
                    <li>
                        <figure><?php the_post_thumbnail(); ?></figure>
                        <div>
                            <span><?php the_title(); ?></span>
                        </div>
                    </li>
                <?php }
            } else {
                echo '<li>No posts found.</li>';
            }

            // Сбрасываем данные поста
            wp_reset_postdata();
            ?>
        </ul>
    </li>
    <?php } ?>
</ul>

Я так понимаю, нужно сделать проверку...

Конечно нужно сделать проверку... Выводите просто заголовок таксономии только в том случае, если для этой таксономии есть посты

<section id="our-media">
    <div class="container">
        <?php
        $cats = get_terms(array('taxonomy' => 'headline', 'post_type' => 'our-media'));
        foreach ($cats as $cat) {
            $query = new WP_Query(array(
                'post_type' => 'our-media',
                'tax_query' => array(
                    array(
                        'taxonomy' => 'headline',
                        'field' => 'term_id',
                        'terms' => $cat->term_id,
                    ),
                ),
                'posts_per_page' => -1,
                'order' => 'ASC',
            ));

            if ($query->have_posts()) { ?>
                <h3><?php echo $cat->name; ?></h3>
                <ul>
                    <?php while ($query->have_posts()) {
                        $query->the_post(); ?>
                        <li>
                            <!-- код поста -->
                        </li>
                    <?php } ?>
                </ul>
            <?php }
            wp_reset_postdata();
        }
        ?>
    </div>
</section>

<section id="units">
    <div class="container">
        <?php
        $cats = get_terms(array('taxonomy' => 'headline', 'post_type' => 'units'));
        foreach ($cats as $cat) {
            $query = new WP_Query(array(
                'post_type' => 'units',
                'tax_query' => array(
                    array(
                        'taxonomy' => 'headline',
                        'field' => 'term_id',
                        'terms' => $cat->term_id,
                    ),
                ),
                'posts_per_page' => -1,
                'order' => 'ASC',
            ));

            if ($query->have_posts()) { ?>
                <h3><?php echo $cat->name; ?></h3>
                <p><?php echo $cat->description; ?></p>
                <ul>
                    <?php while ($query->have_posts()) {
                        $query->the_post(); ?>
                        <li>
                            <!-- код поста -->
                        </li>
                    <?php } ?>
                </ul>
            <?php }
            wp_reset_postdata();
        }
        ?>
    </div>
</section>

1. Получить все опубликованные посты с нужным типом.
2. Объявить счетчик.
3. В цикле обойти п1, увеличивая при каждой итерации п2. на значение кастомного поля.
4. Вывести значение на страницу.

<?php
function get_total_population() {
    $args = [
        // Заменить на свой тип постов
        'post_type' => 'city',
        'posts_per_page' => -1,
        'post_status' => 'publish',
    ];

    $query = new WP_Query($args);
    $sum = 0;

    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            // Заменить на свое кастомное поле
            $sum = get_post_meta(get_the_ID(), 'city_population', true) ?? 0;
            $sum += (int)$sum;
        }

        wp_reset_postdata();
    }

    return $sum;
}

// >Нужно вывести общую цифру населения по всем городам)
echo 'Результат: ' . get_total_population();

Например так:

или так:

или так:

Что конкретно вам нужно?

Так аватарку:

<?php echo get_avatar( $user_ID, 65 ); ?>

А так имя:

<p><?php echo wp_get_current_user()->user_login; ?>

intlTelInput(document.querySelector('#user-phone'), {
    initialCountry: 'auto',
    separateDialCode: true,
    geoIpLookup: function (callback) {
        fetch('https://ipinfo.io/json')
            .then(response => response.json())
            .then(data => callback(data && data.country ? data.country : 'us'));
    }
});

Display: grid
grid-template-columns: repeat(4, 1fr)

Отступы можно сделать через row-gap и column-gap а также можно использовать простой margin.

В main.js
<Setting chooseLang={chooseLang} />

В setting.js

import Switcher from '../Switcher/Switcher';

export default function Setting({ chooseLang }) {
return (
        <section id='setting'>
        <Switcher
          id='lang'
          title='Language'
          title_class='lng-set_subtitle1'
          label_lt='English'
          label_rt='Українська'
          value={lang}
          onClick={chooseLang}
        />
        </section>
    );
}

Судя по всему, ошибка выскакивает в каком-то другом, классовом компоненте.
Здесь вижу такую проблему: window.location меняется в рендере, что совсем неправильно. Это должно происходить в useEffect

useEffect(() => {
  window.location = location.pathname + '#' + lang;
}, [location.pathname, lang]);

function App() {
  const [number1, setNumber1] = useState(0);
  const [number2, setNumber2] = useState(0);
  const [total, setTotal] = useState(number1 + number2);

  function calculateTotal() {
    setTotal(number1 + number2);
  }

  return (
    <div className="App">
      <h1>Adding Two Numbers</h1>

      <div className="number-inputs">
        <input
          type="number"
          value={number1}
          onChange={e => setNumber1(+e.target.value)}
          placeholder="0"
        />
        <input
          type="number"
          value={number2}
          onChange={e => setNumber2(+e.target.value)}
          placeholder="0"
        />
      </div>

      <button onClick={calculateTotal}>Add Them!</button>

      <h2>{total}</h2>
    </div>
  );
}

https://codesandbox.io/s/64800qwkw3