WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)

上周的时候,我在彬红茶的网站上看到了它的足迹功能,虽然我也有足迹功能,但是非常的简单,我喜欢它的样式与功能,尤其是足迹与文章相结合的功能。我看了它的系统是Halo,简单搜索之后找到了官方网站。我询问站长能否将此插件移植到WP平台,得到了肯定,于是这一个星期几乎和各位博友极少互动,就是弄这一个事情,期间因为对Halo系统不了解,得到了彬红茶的无私帮助,再次向作者和彬红茶表示衷心感谢!

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

简单使用教程如下:

一、下载并激活插件:

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

插件后台分为两部分:足迹设置和足迹记录。

新建页面,插入简码或短代码:

[wp_footprint]

二、足迹设置:

1、足迹插件设置(基本设置):

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

高德JS API的KEY:必填项,没有这个前台加载不了地图。(申请时会同时生成安全密钥,因为只需要KEY前台就能加载地图,且原插件也没有此项,故我也没加)

高德WEB API的KEY:必填项,没有这个定不了位。

LOGO名称和描述文字:前台地图左下角显示的部分。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

主色调:保持默认即可。

地图样式:这个比原插件我扩展了,把高德的样式全搬过来了,但还是标准最好看。

2、高级设置:

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

缩放级别:1-18级,数字越大,放大倍数越大。

默认中心经纬度:填入后,打开地图页面,地图就将此经纬度坐标放置在地图中心展示。注意经纬度坐标不要填反。

标记点聚合和缓存设置看图片解释即可。

三、足迹记录:

1、足迹分类:添加足迹的分类,如生活、工作、旅游等等,和添加文章分类一样。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

2、添加足迹:

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

标题和描述:前台卡片显示的标题、描述和右边的分类会在前台足迹详情窗口中显示

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年
WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

地址:填入地址可以自动获取经纬度,仅限国内,如果你的足迹在国外,需要自行查询经纬度填入到下方文本框中。越详细越好。

类型:稍后会改为标签,和上图显示的生活不同,上图的生活是足迹类型里的生活。

访问日期:踏访足迹时的日期。

相关文章:一个足迹可以附加若干个文章,先下拉框选择文章,点击+号添加,-号删除。

媒体资源:如果没有附加文章,只有照片,这个很有用,可以上传多个(目前暂无限制个数),可以随意拖动和删除,前台足迹详情窗口会自动选择第一张图片作为背景图片,且左下角有张数提示,点击张数提示打开画廊,可以查看所有图片,画廊支持键盘左右切换。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年
WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

右下角显示设置中的标记颜色:既可以按足迹分类分成不同颜色,也可以按国家省份分成不同颜色,看你自己的爱好,不设置也没有关系,设置的话,前台地图足迹标签的圆环边缘环的颜色会区分显示。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

3、足迹记录:显示添加过的所有足迹。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

四、前端显示:

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

标准图层和卫星图层:上图是标准图层,下图是卫星图层。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

路网和路况:路网用来显示公路、铁路等图标,以黄色线显示;路况用来显示道路顺畅程度,以绿色线表示,只有在地图放大的情况下才看的出来。但我不清楚时效性和准确度如何。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

右下角+-为地图缩放,同样是1-18级。

右侧隐藏式足迹列表:点击地图上的足迹标记时,会先放大地图定位到具体位置,这样很有可能导致其他足迹标记看不到,除非是先缩小地图,这样右侧的足迹列表就非常有用了,可以随时切换,一键直达。

WordPress足迹插件V1.0发布暨使用教程(移植于Halo足迹插件)-似水流年

五、插件下载:

20250828 WordPress足迹插件

Comments | 6 条评论
  • Handsome

    Google Chrome 139 Google Chrome 139 Mac OS X 10.15 Mac OS X 10.15 cn中国–浙江–杭州 电信 ip address 183.129.*.*

    高产大佬,很好的创新,一起进步😀

    • 似水流年

      IBrowse r IBrowse r Android 12 Android 12 cn中国 中国联通 ip address 2408:8220:5f10:ae40:*:*

      向你学习,创意的灵魂都是你的,我不过是给它换了件衣裳。😁

  • obaby

    Google Chrome 134 Google Chrome 134 Mac OS X 10.15 Mac OS X 10.15 cn中国 中国联通 ip address 2408:8417:d20:3b18:*:*

    能放进文章有点意思

    • 似水流年

      IBrowse r IBrowse r Android 12 Android 12 cn中国 中国联通 ip address 2408:8220:5f10:ae40:*:*

      我最喜欢的就是这个功能了。

  • 李的日志

    Unknown Unknown Unknown Unknown cn中国–广东 广电网 ip address 240a:42c7:a401:3b0:*:*

    好功能,必须支持

    • 似水流年

      Microsoft Edge 109 Microsoft Edge 109 Windows 7 Windows 7 cn中国–河南–漯河 电信 ip address 222.89.*.*

      谢谢!

消息盒子
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息