然后,按一下「发布」以使页面处于活动状态。
发布带有使用 SeedProd 制作的图像热点的登陆页面
就是这样!请务必在行动装置、桌面装置和平板电脑上查看该页面,以确保其在所有装置上看起来都很棒。
这就是我们的互动式影像热点的样子:
使用 SeedProd 制作的图像热点范例
方法二:使用图像热点插件添加图像热点(免费但有限制)
如果使用页面建立器和更改主题似乎有点麻烦,您可以 比利时电报数据 使用免费的 WordPress图片热点外挂程式。该插件是方法 1 的绝佳替代方案,但需要注意的是,免费版本仅允许您在单个图像上添加多达 6 个热点。
若要使用图片热点,您可以在管理区域安装并启用 WordPress 外挂程式。然后,转到“图像映射热点”“所有图像映射热点”并点击“新增”按钮。
在图像热点插件中新增图像
现在,为新的图像地图热点命名。然后,选择一种提示显示类型。您可以使滑鼠悬停或单击时显示热点建议。
完成后,按一下“储存”。
在图像热点插件中储存新的图像热点文件
完成后,让我们添加图像。
为此,只需单击“上传图像”按钮即可。
将新图像上传到图像热点插件
这将开启媒体库,您可以在其中上传新图像或选择现有图像。
接下来,您可以将热点新增至影像映射。只需点击“新增点”按钮即可。
使用图像热点插件向图像添加热点
将出现一个弹出视窗来配置互动式影像热点。
首先,切换到“标记”选项卡。您可以在此处自订热点影像的外观。若要变更图标,您可以按一下「图标」和/或「悬停图示」栏位旁边的「+」号。
「图示」系指未单击或悬停时的预设热点符号。而「悬停图示」是当使用者点击或悬停在热点上时出现的符号。
使用图像热点插件更改预设热点图标
现在,选择一个图示来替换目前的预设选项。该插件提供了广泛的选择。
在图像热点插件中选择热点图标
设定热点影像后,您可以变更图示的颜色。
该插件允许您使预设热点图示颜色与图示悬停颜色不同。这样,使用者点击或将滑鼠悬停在热点上时可以轻松判断热点是否处于活动状态。
自订影像热点插件的热点外观设置
要变更颜色,只需点击方形颜色选择器按钮并选择您要使用的颜色。
然后,您可以单击页面上的任意位置以移至另一个设定。
使用图像热点插件为预设热点选择颜色
您也可以自订桌面上热点图示的大小。数字越大,图示越大。
一旦您对图标的外观感到满意,只需单击“储存”。
使用图像热点插件更改热点的图示大小
现在,向上卷动并切换到“内容”标签。您可以在此处自订工具提示的文字和外观。
该外挂提供 4 种模板可供选择,因此您可以选择最适合您的网站设计的模板。
使用图像热点插件配置热点的工具提示文本
除此之外,请确保将预设标题内容替换为您自己的文字。