主页上的wordpress全屏响应式图像映射

Question

为了您的可视化，这就是我所需要的；

在 WordPress 中，我需要主页是美国的全屏（或几乎）“图像地图”，具有响应性，以便从手机调整到电视的大小

我只需要主页上的这个，没有其他任何东西，没有登录、小部件等。只有图像地图（每个州的热点）。

听起来很简单，我希望有人遇到过这样的主题或模组。

附：我已经有一个图像映射并且可以处理响应部分，但我不知道如何在 WordPress 中将它作为一个完整页面使用。

Answer 1

只需创建一个custom page template（假设为 template-home.php）并将您的代码粘贴到该文件中。然后通过将静态 html 替换为 wordpress functions 开始使其动态化。您可以制作 header-home.php 和 footer-home.php 并使用：

<?php get_header('home');

//rest of the stuff here

 get_footer('home');?>

为了让它全屏使用this technique。