跳到主要内容

您是否要为WordPress博客创建交互式图像?交互式图像使您可以突出显示,链接和设置图像的某些区域的动画。在本文中,我们将向您展示如何在WordPress中创建交互式图像。

什么是互动图片?

交互式图像具有热点区域,突出显示,链接,颜色等。它与您在WordPress中上传的简单图片不同。交互式图像引人注目,吸引了用户查看图像的细节。您可以在图像的不同部分添加描述,添加页面链接,突出显示部分等等。

在此图像中,您可以看到鼠标悬停在不同条形上的水果描述。您可以使用这些交互式图像来提高用户参与度和现场时间。

让我们来看看如何通过交互式图像吸引访客的注意。

如何在wordpress中创建交互式图像
如何在wordpress中创建交互式图像

在WordPress中创建交互式图像

您需要做的第一件事是安装并激活Draw Attention插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您将在WordPress管理区域中看到新的自定义帖子类型。您需要转到Draw Attention»Add New页面以创建交互式图像。

首先为这个新的交互式图像添加标题,以便您轻松记住它。在此页面上,您可以在新的或以前上传的图像上创建交互式设计。您可以通过单击上载图像图标来添加新图像,也可以从WordPress媒体库中选择一个图像。

接下来,您需要单击发布按钮。

发布后,该插件可让您编辑图像并突出显示特定区域,添加颜色,链接,绘制热点区域等等。您可以向下滚动到“ 热点区域”部分,然后展开可单击区域以预览图像。

只需移动鼠标并在图像上绘制可点击区域。您可以轻松选择热点区域并展开它们以创建选择区域。

绘制热点区域后,您需要向下滚动到“ 动作”下拉菜单,然后为图像上的选定区域选择一个动作。如果选择显示更多信息,则只需添加说明以解释图像上的热点区域。您也可以使用“转到URL”选项在所选区域上添加链接。

您还可以管理常规设置并突出显示操作链接,操作文本,信息背景等的样式。这些设置有助于使图像更具交互性。

接下来,您需要单击“ 更新”按钮并复制简码以将其添加到WordPress帖子或页面中。

该插件可让您使用以前上传的图像或新图像创建所需数量的交互式图像。

导入和导出交互式图像

如果您在多个站点上工作,并且想要导入/导出交互式图像,则在两个站点上都需要相同的Draw Attention插件。

在第一个站点上,您需要访问Draw Attention»导入/导出页面,并选中要导出的图像。接下来,单击“ 生成导出代码”按钮并复制代码。

之后,您需要转到下一个网站,并确保已激活Draw Attention插件。接下来,您需要转到WordPress管理员的“ 吸引注意»导入/导出”页面,并将代码粘贴到导入字段中。

继续,单击“ 导入”按钮,您的图像将被导入,并且您之前添加的所有交互式详细信息都将被导入。

这些交互式图像非常适合WordPress SEO,并在您的网站上吸引了更多访问者。但是,建议在上传图像之前先对其进行压缩,以提高网站性能

回到顶部