178
当您要将地图添加到WordPress网站时,有许多选项可供选择。甚至还有免费的使用谷歌地图的插件选项。
但是,许多现有的WordPress地图插件和免费选项存在的问题是缺乏可用的自定义。
为了使地图适合您的网站并执行特定功能,您需要一个允许您自定义地图所有方面的插件。在互动的世界地图 WordPress插件,您可以制作尽可能多的地图,你想和调整这些地图的功能,您怎么看合适的功率。
在本教程中,我将向您展示如何使用Interactive World Maps插件创建地图。我将介绍如何创建地图,如何自定义地图,以及如何使用这个方便的插件将其添加到您的网站。
深圳网站设计
要创建地图,请单击 WordPress仪表板左侧的交互式地图>添加新地图。这将打开地图编辑器。
在我们的示例中,我们将创建一个显示欧洲的地图。我们还将在欧洲的一些互动区域添加,以便用户更好地了解欧洲的特定国家。
首先,我们首先在地图上添加名称和描述。这个名字将是欧洲,描述将是Interactive Europe Map。
接下来,转到“ 地图设置”部分。我们要改变的第一个选项是要显示的区域。 由于我们只希望欧洲出现在我们的地图上,请在下拉菜单中点击欧洲。
如果我们现在向下滚动到地图编辑器的底部,我们可以看到一个名为Preview的部分。此预览中将显示欧洲地图。
回到地图设置,我们会将活动区域操作 更改 为打开URL(新窗口),因为我们希望在用户点击特定国家/地区时显示新网页。
将地图添加到您的网站
在我们的欧洲地图中,我们将重点介绍两个国家,意大利和西班牙。首先,我们将在“ 交互式区域”部分的“ 简单”选项卡下添加这些区域。
我们需要包括的第一个项目是区域代码。要查找我们两个国家/地区的区域代码,请单击 “ 地图设置”下方的“ 大洲和国家/地区” 链接,这将转到 Google开发人员文档,其中列出了各个国家/地区的区域代码。
导航到欧洲,你会发现意大利和西班牙的缩写,分别是IT和ES。
因此,要为意大利创建交互式区域,请在“ 区域代码” 字段中键入IT。
接下来,我们将添加一个标题。当用户将鼠标悬停在地图上的国家/地区上时,将显示标题。在这种情况下,我们将使用意大利。
接下来,我们将 在Tooltip部分添加Capital:Rome。工具提示文本将显示在标题下方。
最后,我们将添加Action Value。 我们将在此字段中添加一个URL,链接到一个网站,该网站将在单击该区域时打开。
我们希望在点击国家/地区时,可以在新窗口中打开意大利维基百科页面,因此我们将添加该链接 在“ 操作值”字段中。
单击编辑器最右侧的“ 添加”按钮时,您将在预览中看到意大利现在已突出显示。您可以按照类似的步骤为任何其他国家/地区创建交互式区域。
交互式地图WordPress插件使您能够创建和自定义交互式地图,并以合理的价格将其放置在WordPress网站上。在这个插件中,您学习了一种使用插件创建地图的方法。
深圳网站设计
热门分享
最新文章
2019.10.29
深圳企业网站设计:网页设计师应该从博主那里学到什么
2019.09.11
深圳手机网站设计:定制引导布局:趋势、工具和框架
2019.09.09
深圳做网站:15个最好的YouTube频道开始学习Web开发
2019.09.09
深圳建站公司:十大网站解决你所有的编程问题
2019.09.07
深圳做网站:设计师必须关注10个有趣的会谈
2019.09.07
网页设计深圳:13个 JavaScript库创建交互式和定制的地图
2019.09.05
深圳企业网站开发:你怎么想学网页设计吗?
2019.08.15
深圳网站建设:如何为PHP网站创建简单的事件日历
2019.08.15
深圳企业网站建设:2019年的内容营销趋势
2019.08.15
深圳网站制作:UX技巧之成功用户入职需要了解的三件事
随机推荐
2019.09.09
深圳建站公司:十大网站解决你所有的编程问题
2019.08.14
深圳网页设计:5种利用网络的方法实现业务快速增长
2019.08.09
深圳网站制作:永不变色的着色——最佳对比度的黑白色
2019.09.05
深圳企业网站开发:你怎么想学网页设计吗?
2019.08.09
深圳高端建站:WordPress 404页面的基本指南
2019.08.13
深圳企业网站建设:可访问演示文稿的包容性设计
2019.08.13
深圳网站建设:产品设计的故事板价值
2019.08.14
深圳企业网站建设:如何为新订阅者撰写完美的欢迎电子邮件
2019.08.15
深圳企业网站建设:2019年的内容营销趋势
2019.08.09
深圳网站开发:如何激励用户通过设计注册的策略