Smirator

$paged = (get_query_var('paged')) ? get_query_var('paged') : (get_query_var('page') ? get_query_var('page') : 1);

// Получаем <span>
const firstSpan = document.querySelector('.box span:first-of-type');

// Изменяем текст внутри <span>
firstSpan.textContent = 'Новый текст для Текст 1';

$args = array(
    'role'     => 'administrator', // Выбрать администраторов
    'meta_query' => array(
        'relation' => 'OR', // Логическое ИЛИ для следующих условий
        array(
            'key'     => 'your_meta_key', // Замените на ключ мета-поля
            'value'   => 'your_desired_value', // Значение мета-поля
            'compare' => '=', // Сравнение: равно
        ),
    ),
);

$user_query = new WP_Query( $args );

$('body').on('paste',function(e) {
    //тут удаляем див
});

// Для одиночного элемента:
let div = document.getElementById('div');

function addClass(el, event, className){
    el.addEventListener(event, function(){
        el.classList.add(className);
    });
};

addClass(div, 'click', 'test'); //функцию вызываем в любом нужном месте. Передаем название переменной, событие и класс

// Для массива элементов:
let elClass = Array.from(document.querySelectorAll('.elClass'));
console.log(elClass);

 function adClassArr(targetArr, event, className) {
    targetArr.forEach(target => target.addEventListener(event, function(){
        target.classList.add(className);
    }));
}


adClassArr(elClass, 'click', 'test'); //функцию вызываем в любом нужном месте. Передаем название переменной, событие и класс

<div class="section__titles">
        <h2 class="section__title section__title_img">
                Последние новости 
                  <span class="section__title-link"><a href="#">Перейти в блог</a></span>
         </h2>
</div>

.section__titles {
   width: 200px; //нужно подстроить под свой макет
}

/*Media*/
/* Large desktops and laptops */
@media (min-width: 1080px) and (max-width: 1200px) {
   /*стили*/
}

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }