aftar

Почему не правильно, просто вы не добавили индекс в функцию.

arr2.some((r, index) =>  {
  result = arr1.indexOf(r);
  if(result > -1) return index; // 2
})

Ищем индекс одного (первого встреченного) элемента, присутствующего в обоих массивах:

const index = arr1.findIndex(n => arr2.indexOf(n) !== -1);

Получаем индексы всех таких элементов:

// просто массив индексов
const indices = arr1.reduce((acc, n, i) => (arr2.includes(n) && acc.push(i), acc), []);


// объект вида { элемент: индекс первого вхождения }
const indices = arr2.reduce((acc, n) => (
  acc[0].hasOwnProperty(n) && (acc[1][n] = acc[0][n]),
  acc
), [ arr1.reduce((acc, n, i) => (acc[n] ??= i, acc), {}), {} ])[1];


// Map вида { элемент: массив всех индексов данного элемента }
const indices = arr1.reduce((acc, n, i) => (
  acc[0].has(n) && acc[1].set(n, acc[1].get(n) ?? []).get(n).push(i),
  acc
), [ new Set(arr2), new Map ])[1];

Ставишь при активации чекбокса выполняешь метод, в который передашь, например category2, далее присваиваешь какому-либо значению из data переданное значение. Далее пишешь на Li - :class="{'active': value === 'categoty2' } ".
А вообще лучше создай объект с этими данными, выводи их в цикле и проблем станет в разы меньше, они все равно имею одинаковую структуру

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

$commentYear = (int) '2014'; // первый год комментариев

// запускаем цикл до текущего года
while ( $commentYear <= date('Y') ) {
	
	$comments = get_comments( array( 
		'orderby' => 'date',
		'status' => 'approve',
		'order' => 'DESC',
		'date_query' => array(
			array(
				'year' => $commentYear
			)
		)
	) );

	if ( $comments ) {
		// пишем вывод
	}

	$commentYear++;
}

Тут мы просто устанавливаем стартовый год и в цикле получаем все до текущего включительно

Скорее всего ваши кнопки это совсем не кнопки, а просто табы и при клике переключают контентные блоки с комментариями. Теперь вам достаточно найти любой удобный вам скрипт с табами и собрать две переменные - с кнопками и с контентом и вывести их

1. Можете писать полный путь или загрузить в медифайлы

2. Можете сделать шорткод, куда будете передавать путь и alt, например [image path="/img/reviews/woman.png" alt="девушка с блокнотом"], а на выходе получать нужный вам html

3. Можете включить поддержку php в редакторе, но это плохая практика и дыра в безопасности

Через fieldset и в теге legend прописать заголовок
Затем через стили css сделать цвет рамки, установить ширину и высоту блока.
оцентровать текст через text-align.
Это то что я могу сказать

Flexbox + абсолютное позиционирование + псевдоэлементы + выборочное скругление углов для верхней грани блока

Результат:
https://codepen.io/hisbvdis/pen/gOYZLNM

https://codepen.io/web-tech/pen/pXLXBG

var date = [-2, -5, -7, -11, -19, -20];

const arr = date.map(n => {
  const d = new Date(new Date().getTime() - (-n * 86400000));
  return d.getDate() + '.' + d.getMonth() + '.' + d.getFullYear() + ' г.';
});

console.log(arr);

for (var i = 0; i < 100; i++) {
   var size = 'size' + (i + 1);
   if (sizeNumb == size) {
        selectBtn(i);
        break;
   }
}

const MAX_SIZE = 10; // максимальное значение

for (let i = 0; i < MAX_SIZE; i++) {
  if (sizeNumb === 'size' + (i + 1)) {
    selectBtn(i); 
    break;
  }
}

Кому будем задавать текст: const className = 'класс элементов';.

Какие тут есть варианты:

document.querySelectorAll(`.${className}`).forEach((n, i) => {
  n.innerText = arr[i];
});

// или

const elems = document.getElementsByClassName(className);
for (let i = 0; i < elems.length; i++) {
  elems[i].textContent = arr[i];
}

// или

$('.' + className).text(i => arr[i]);

У меня есть пример для Wordpress . Там я формировал объект с данными, а потом превращал в JSON.
Вам нужно создать объект с данными (напишу на чистом JS, думаю что на jquery сможете переписать);

var data = new Object();
     // Допустим данные формы такие
    data.user = {
           name: "Имя" // сюда ваша переменная;
          // Другие данные
        };
   data.orderlist= {
       // данные orderlist
        }

// Далее data вы превращаете в JSON строку

data = JSON.stringify(data);

// JSON строку вы передаёте в ajax
    $.ajax({
        url: opts.handler,
        type: 'POST',
        dataType: 'json',
        data: data
/* И так далее */

Основная ошибка в коде это то что вы пытаетесь отправить js-объект, а не json-строку

Пути для чтения / сохранения файлов должны быть абсолютными, в вашем случае что-то типа

file_put_contents($_SERVER['DOCUMENT_ROOT']."/img/{$filename}", base64_decode($img));