Создание оглавления (TOC) вручную в WordPress и вывод в разных местах в зависимости от устройства

Всем привет! Задача такая: вручную, в старом редакторе WordPress прописывать id для заголовков и через список делать оглавление для навигации по статье. Но хочется на мобильных выводить его в теле статьи, а на ПК в правом сайдбаре и фиксировать при прокрутке.

Есть идея сделать произвольное поле, в которое просто копировать HTML код оглавления. Затем выводить его через шорткод в статье, и через код в сайдбаре. Задав разные классы через Display: none скрывать оглавление внутри статьи на ПК и скрывать с сайдбаре на моб. устройствах. Это все работает.

Как вам такая реализация, и может подскажете что-то получше? Хочется именно вручную прописывать анкоры и якоря этих ссылок. Ну и не очень хочется использовать плагины.

И еще вопрос по  Display: none. Как поисковые системы относятся к тому, что навигация будет скрыта? В коде страницы она отображается. Или лучше как-то иначе скрывать вывод в зависимости от устройства?