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

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

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

简单使用教程如下:

一、下载并激活插件:

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

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

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

[wp_footprint]

二、足迹设置:

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

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

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

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

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

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

主色调:保持默认即可。

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

2、高级设置:

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

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

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

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

三、足迹记录:

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

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

2、添加足迹:

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

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

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

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

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

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

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

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

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

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

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

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

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

四、前端显示:

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

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

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

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

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

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

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

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

五、插件下载:

温馨提示: 此处为隐藏内容,需要评论本文后才能查看.
评论后请刷新一次页面,但注意不要清除缓存,否则还需要再次评论!

== 升级日志 ==

= 1.0.7 =

  • 重磅新增点亮足迹城市功能,启用后,将根据足迹经纬度确定所在城市,在地图上高亮显示这些城市区域。
  • 修复标准图层文字标注重影的BUG。
  • 主样式文件style.css更名为footprint.css。
  • 点击地图足迹标记,只打开足迹详情窗口,不再放大地图。
  • 当前台地图放大时,点击右侧足迹列表上方的统计区域,先缩小地图至初始状态。
  • 修复鼠标左键点击足迹详情窗口外任意位置,有一定几率关闭不掉窗口的BUG。

= 1.0.6 =

  • 加强前后台隐私保护,消除了前台查看源代码时高德JS API的KEY、安全密钥以及高德WEB API的KEY会以明文方式暴露的BUG。

= 1.0.5 =

  • 后台高级设置新增地理数据设置,控制前台是否显示边界按钮及足迹列表框中是否显示区域统计。

= 1.0.4 =

  • 新增国旗图案,后台媒体资源未设置图片时,前台足迹标记圆环中显示国旗,并设置为足迹详情的背景图片。
  • 后台未关联相关文章时,前台不再提示“暂无相关文章”。

= 1.0.3 =

  • 支持全站PJAX无刷新加载。

= 1.0.2 =

  • 修复了非Windows系统下部分浏览器卫星地图不显示的BUG,并优化代码。

= 1.0.1 =

  • 修复了卫星地图不显示的BUG,并优化代码;
  • 后台添加足迹中,类型修改为标签;
  • 加入高德地图JS API的安全密钥(选填项),增加JS API的KEY的安全性。

= 1.0 =

初始版本发布

您已阅读完《技术相关(共62篇)》目录的第 61 篇。请继续阅读本文后3篇文章:

阅读本目录下更多其它文章

Comments | 10 条评论
  • 网友小宋

    Microsoft Edge 139 Microsoft Edge 139 Android 10 Android 10 cn中国–河南 广电网 ip address 240a:42bd:2a00:f93:*:*

    不错,比我的好

    • 似水流年

      Google Chrome 127 Google Chrome 127 GNU/Linux GNU/Linux cn中国 中国联通 ip address 2408:8220:5f12:ab00:*:*

      BUG多多,又修复不了。😭

      • 网友小宋

        Microsoft Edge 139 Microsoft Edge 139 Android 10 Android 10 cn中国–河南 广电网 ip address 240a:42bd:2a00:f93:*:*

        问ai啊。

        • 似水流年

          Microsoft Edge 139 Microsoft Edge 139 Windows 10 Windows 10 cn中国 中国联通 ip address 2408:8220:5f11:4f40:*:*

          基本上解决了。

  • 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条未读和已读信息