带链接的全宽图像

Question

我需要带有标记部分的全宽图像以链接到各个页面。有任何建议如何实现这一目标？该网站是基于WordPress构建的，因此如果插件能够实现这一点，那么它也将起作用。当视口减少时，方法需要响应并且不能分开。

例如，第1节需要链接到第1节页面等。 请参阅

上的图片

Answer 1

好吧，如果你想拥有这样的东西并做出响应，你应该将图像切割成所需数量的部分，为每个部分创建一个元素并将图像设置为背景。休息是媒体查询，也许你可以用bootstrap来做。

此外，尝试去设计社区，因为这与设计更相关，而且我不认为存在Wordpress插件。