Дмитрий Самойлов

next_post_link() выводит шаблон ссылки, а не чистый url
В код вернется
<a href="%link" rel="next">%title</a>
самый действенный способ чтобы добавить нужный вам класс и убрать стрелки который добавляет WP автоматически к ссылкам:

$prev = get_previous_post_link('%link', '%title'); 
echo str_replace( '<a ', '<a class="videos__controls_btn" ', $prev );

$next = get_next_post_link('%link', '%title'); 
echo str_replace( '<a ', '<a class="videos__controls_btn" ', $next );

Здравствуйте, Дмитрий.
Одно из простых решений — использовать шаблоны страниц. Чтобы создать новый шаблон страницы достаточно в теме создать новый php-файл и добавить в начале следующий код: <?php //Template Name: Название шаблона. Шаблон автоматически станет доступен для выбора при редактировании / создании страницы.

Таким образом можно создать шаблоны для всех разделов многостраничного сайта. По умолчанию в WordPress у страницы только 2 основных поля для заполнения Заголовок и Контент. Но с помощью плагина Advanced Custom Fields можно добавить дополнительные поля, чтобы удобно было управлять контентом для разных шаблонов.

Вот за 10 минут придумал как реализовать.
Не уверен, что моя реализация оптимальна, но работает как надо)

Во-первых, у вас не определена переменная form

const form = document.querySelector('.popup__form');

Во-вторых, в форме у кнопки не прописан тип submit

<button type="submit" class="button popup__button ">+</button>