Как можно сделать интерактивную инфографику для сайта с ссылками?

Question

[ligisayan]

Приветствую! На сайте wordpress хочу сделать интерактивную инфографику (пусть это будет колесо с разделами), где на каждый из разделов можно кликнуть как по кнопке и перейти в соответствующий раздел сайта

Как можно такое сделать с наименьшими трудозатратами? Возможно, что есть сервисы для построения такой инфографики, наподобие этого только с кодом для сайта или лучше делать svg картинку, чтобы и на мобильных разрешениях все адекватно смотрелось?

Answer 1

[Nikolay Talanov]

По виду вам подойдет что-то такое, как минимум попробуйте - https://sarasoueidan.com/tools/circulus/

Edit: хотя глянул получше, там без допиливания никак, ибо генератор больше под иконки заточен.

Comments

[ligisayan]

возможно подойдет, но ссылки как в них вставлять?

Answer 2

[Alex Step]

С наименьшими трудозатратами map для img - htmlmapgenerator.ru/index.php?option=com_htmlmapge...

А вообще вот https://habrahabr.ru/post/168681/

Comments

[ligisayan]

Alex Step по статье в хабре так и не понял - там ссылки в svg можно добавлять?

[Alex Step]

ligisayan: да, svg как формат сам поддерживает ссылки, их можно хоть в coreldraw добавлять.

Answer 3

[Андрей]

Если сайт на WordPress - то там есть куча плагинов)

Comments

[ligisayan]

Андрей Иванов да, на нем. Подскажите плиз хотя бы 1-2, если знаете

[Андрей]

ligisayan: Может быть лучше облако тегов? Это поинтересней) Я так сделал: blogivanova.ru/tegi

[ligisayan]

может, но в облаке некоторые разделы могут быть не на виду, поэтому сделал по совету Nikolay Talanov

[Андрей]

ligisayan: Выглядит интересно)