Техническое задание: Визуальные подсказки для редактирования контента в WordPress

После перехода на конструктор Elementor для главной страницы и настройки мультиязычности с помощью плагина TranslatePress, возникла проблема с навигацией для контент-менеджеров. Непонятно, какие блоки и где именно нужно редактировать для каждого языка.

Цель проекта

Разработать и внедрить интуитивно понятный механизм, который визуально выделит на фронтенде сайта (в режиме просмотра) редактируемые текстовые блоки и укажет путь к их настройкам в админ-панели.

Основные требования

• Визуальные маркеры: Реализовать ненавязчивые индикаторы (например, иконки, точечные контуры, всплывающие подсказки) рядом с текстовыми блоками, которые можно редактировать через Elementor.
• Связь с админкой: При клике на маркер (или по наведению) должна отображаться текстовая подсказка с указанием раздела админ-панели, где находится соответствующий редактор (например, «Редактировать в Elementor → Секция «Приветствие»).
• Учет мультиязычности: Учесть работу плагина TranslatePress. Подсказки должны корректно отображаться для разных языковых версий страницы.
• Видимость для админов: Функционал должен быть активен только для пользователей с правами администратора или редактора.
• Производительность: Решение не должно негативно влиять на скорость загрузки сайта для обычных посетителей.

Ожидаемый результат

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