关于小程序:微慕小程序开源版A标签优化说明

30次阅读

共计 1258 个字符,预计需要花费 4 分钟才能阅读完成。

微慕 WordPress 小程序所有版本里,对于文章详情里文字内容的解析,都是通过开源组件:wxParse 不过这个组件曾经进行保护,微慕小程序在这个组件上做了一些优化,让文章里文字在小程序显示更加完满。但,对于 A 标签的解析,始终不够欠缺,比方不能很好跳转小程序里的任意页面,不能跳转到其余小程序,不能关上蕴含业务域名的链接。

比方在文章里跳转到另一个文章,在 pc 端的 html 里能够轻易实现的,在小程序却比拟艰难,因为小程序的页面和 pc 端的页面门路不是一样的。微慕小程序原来的解决方案 -wordpress 的固定链接设置成如下格局:

而后在小程序端解析这个链接,实现小程序的页面跳转。但这个解决方案不敌对:

1、过于依赖固定链接的格局,而且并不是所有 wordpress 网站都用这个格局,如果仅仅为了页面跳转就调整固定链接格局,对 SEO 很不利,代价太大。
2、只能跳转文章的页面,对于其余页面,比方分类、标签页面,就无奈跳转了。

那如何做到既实现在 pc 端的链接跳转又能够实现在小程序里“定制化”的跳转,受到短代码的启发, 能够给 A 标签加上特定的属性,用于反对小程序里的 A 标签自定义跳转。于是我在标签里加了三个属性:

1、appid:须要跳转小程序的 appid,如果是跳转本小程序或业务域名的链接,不须要填写这个属性。

2、path : 小程序页面门路(包含参数),无论是跳转本小程序,还是其余小程序都须要填写这个属性。对于微慕小程序的页面门路和参数的获取能够通过小程序的开发工具,获取办法能够看这个视频:微慕 WordPress 小程序开发教程——获取小程序页面门路

对于其余小程序的页面门路的获取,请看文章:获取更多页面门路

3、redirectype:跳转的类型,apppage- 跳转本小程序 miniapp- 跳转其余小程序 webpage- 跳转业务域名的链接

优化后的 A 标签模式如下:

在小程序端显示款式如下图所示: 如果是跳转小程序,会在链接后面看见一个小程序 logo 图标

当然这种对 A 标签的优化须要手动退出这个三个属性,如果是以前的文章须要再次编辑退出,还是有些麻烦,不过对于新文章你能够思考采纳这个形式来跳转了。

为了不便退出这个优化的 A 标签,我给 TinyMCE 编辑器减少 A 标签按钮,简化录入形式,只须要增加相干属性的值即可。

特地留神: 在应用 TinyMCE 编辑器里,如果应用优化的 A 标签,不要切换到“可视化”模式,只能在“文本”模式应用,如果切换到“可视化”模式会把原来增加到 A 标签的三个属性去掉,可能编辑器感觉这三个属性不是规范属性,于是就删除了。

微慕小程序专业版和微慕小程序增强版曾经反对该性能。

btw: 微慕小程序开源版最近做一些小更新,次要更新的内容如下:

1、分享到朋友圈。
2、优化腾讯视频解析
3、去除“猜你喜爱”中反复的文章
4、修复工夫格式化的 bug
5、优化 A 标签的跳转

谢谢你的浏览,谢谢你对微慕小程序的反对。

原文链接:https://www.watch-life.net/wechat/about-minapper-free-a-tag.html

正文完
 0