Нажатие на пункт оглавления меняет адрес, но читатель остаётся наверху. Или страница прокручивается так, что заголовок скрывает закреплённая шапка. Это разные неисправности: сначала нужно проверить сам адрес раздела, затем поведение шаблона. Ниже — порядок приёмки длинной страницы WordPress без установки нового плагина.
Сначала составьте карту переходов
Выберите одну опубликованную страницу с длинным текстом. Выпишите подпись каждого пункта оглавления, его ссылку и ожидаемый заголовок. Например: «Установка» → #installation → «Порядок установки». Проверяйте также кнопки первого экрана и ссылки из меню, если они ведут внутрь этой страницы.
Сохраните исходный список перед изменениями. Если адрес раздела уже использовали в письмах или инструкциях, его переименование затронет внешние переходы. Изменение текста заголовка само по себе не требует менять стабильный идентификатор.
1. Сопоставьте ссылку с HTML-якорем
В редакторе блоков выберите нужный заголовок и откройте дополнительные настройки блока. В поле «HTML-якорь» задаётся значение без решётки: например, installation. В ссылке оглавления используется #installation. Для другого документа нужен его полный адрес и этот фрагмент.
Практический пример: у блока заголовка указан якорь payment-options, а кнопка ведёт на #payment. Исправление — согласовать оба значения. Не создавайте второй невидимый заголовок только для маскировки неверной ссылки.
Каждый идентификатор должен быть уникален в пределах документа. Используйте короткие значения латиницей с дефисами, без пробелов; соблюдайте регистр. При копировании секции проверьте, не скопировался ли вместе с ней прежний якорь. Официальный порядок описан в документации WordPress о переходах по разделам.
2. Проверьте опубликованную страницу тремя способами
Из оглавления: начните наверху, нажмите каждый пункт и сравните фактическое место с ожидаемым. После перехода проверьте соседние пункты: одинаковый результат часто указывает на повторяющиеся идентификаторы.
Прямым входом: скопируйте полный адрес с фрагментом в новую вкладку. Это отдельный сценарий: ссылка из письма должна работать без предварительного открытия страницы и без обязательного нажатия в оглавлении.
После перезагрузки: обновите страницу с фрагментом в адресной строке. Посмотрите, не уезжает ли нужный раздел после загрузки изображений или появления баннера. Зафиксируйте устройство, браузер и конкретный пункт; формулировка «иногда прыгает» не помогает воспроизвести ошибку.
3. Отличите отсутствие якоря от перекрытия шапкой
Если адрес изменился, а перехода нет, проверьте существование соответствующего идентификатора в опубликованном HTML. Обычный ответ страницы с кодом 200 не доказывает исправность якоря: фрагмент после решётки обрабатывает браузер, а не отдельная страница сервера.
Если переход происходит, но начало раздела скрыто, измерьте высоту закреплённой шапки на компьютере и телефоне. Разработчик может задать отступ прокрутки целевым заголовкам через scroll-margin-top. Значение выбирают под фактическую шапку; универсальное число для всех шаблонов здесь не подходит. После исправления проверьте оба размера экрана и прямую ссылку.
Если редактор показывает новое значение, а публичная страница — старое, используйте отдельный порядок проверки кеша WordPress. Не меняйте одновременно оглавление, кеш и настройки анимации: иначе причина останется неизвестной.
4. Проверьте телефон и клавиатуру
На узком экране убедитесь, что пункты не обрезаются и по ним удобно нажимать. Пройдите оглавление клавишей Tab: ссылка должна получать видимое выделение, а Enter — открывать нужный раздел. Одной красивой плавной прокрутки недостаточно. После перехода продолжите движение клавиатурой и проверьте, понятен ли следующий шаг; если фокус остаётся в неожиданном месте, передайте сценарий разработчику.
Карточка ошибки, которую можно передать исполнителю
Страница: полный рабочий адрес. Пункт: «Установка». Ссылка: #installation. Устройство: телефон, ширина окна 390 пикселей. Ожидание: виден заголовок раздела. Факт: первые две строки закрывает шапка. Повтор: из оглавления и по прямой ссылке. После исправления: дата и результат повторной проверки.
Чек-лист перед закрытием задачи
- Все пункты ведут к нужным разделам, а идентификаторы не повторяются.
- Прямые ссылки и перезагрузка сохраняют понятное положение текста.
- Шапка не закрывает заголовки на телефоне и компьютере.
- Оглавление доступно с клавиатуры, выделение ссылки заметно.
- Старые используемые якоря сохранены или их ссылки обновлены.
Полезные товары по теме
Программа «Журнал ошибок сайта» — для ведения записей по обнаруженным неисправностям и результатам исправления. Карточка описывает ввод и сохранение данных, табличный или карточный результат и локальную работу. Это инструмент учёта: автоматическая проверка якорей в описании не заявлена.
Дальнейшие задачи обслуживания собраны в подборке WordPress и плагины.
Продолжить чтение
Фото: Lauren Mancke / Unsplash.