微慕小程序基础教程：WordPress文章中的链接如何设置才能实现小程序内跳转？

微慕小程序开源版 + WordPress构建的小程序非常给力，唯一缺点就是WordPress站点文章内容添加的内链，到了小程序页面点击之后只能是复制，不能跳转到小程序内相应的页面，也不能跳转到我们的站点（PS：企业主体小程序据说可以跳转都站点页面）。

那么有没有办法对WordPress文章页的链接进行优化，让其既实现在网站内部的链接跳转又实现在小程序内部的链接跳转呢？其实，对于这个问题开微慕小程序开源版已经考虑到，而且将相应的按钮（Link+）添加到WordPress经典编辑器文本模式中，需要我们手动添加相应的链接才行。

如上图所示，在“大熊wordpress”前面在文本模式中点击一下【Link+】按钮即可出现相应的A标签格式，其中：

• href：填写的站内文章链接；
• appid：填写小程序的appid（跳转本小程序或业务域名的链接可留空）；path：填写小程序页面路径（包括参数）；
• redirectype：填写跳转的类型，apppage是自己的小程序，miniapp是其他小程序，webpage是业务域名文章链接（含关联公众号文章链接）；
• jumptype：填写跳转的方式，redirect是切换跳转，embedded是半屏跳转。

填写好A标签的相关内容，在“大熊wordpress”后面点击一下【/Link+】按钮即可。

说实话，这样的操作非常复杂，相信没有多少个站长会手动添加这种链接。其实，我们WordPress站点的很多链接都是内部文章链接，而在小程序中点击该链接也是希望打开小程序内相应的文章页面而已。所以我们可以将小程序所需要的A标签格式写好，届时点击一下【Link+】按钮即可自动添加相应的格式，然后输入对应文章链接的ID即可。

大熊wordpress平时都喜欢在“可视化”模式添加链接，选择想要添加链接的文字如大熊wordpress并复制，点击编辑器的“链接”图标按钮并粘贴所复制的内容到搜索框中，然后点击搜索到的站内文章，点击回车键即可自动为该文字添加上链接。具体如下图所示：

等编辑完文章后，点击切换到“文本”模式，找到有添加内部链接的地方，如下图所示，将光标定位到A标签中，点击一下【Link+】按钮即可出现小程序所需要的A标签格式，然后直接在id=后面输入前面那个内容链接的ID即可。

实现以上功能的方法很简单，在/wp-content/plugins/rest-api-to-miniprogram/includes/settings/文件夹中找到并打开wp-tinymce-add-button.php文件，将第9行代码：

QTags.addButton( 'linkPlusCode', 'Link+', '<a href=""  appid=""  path=""  redirectype="" jumptype="">','</a>' );

修改为

QTags.addButton( 'linkPlusCode', 'Link+', ' appid="" path="/pages/detail/detail?id=" redirectype="apppage" jumptype="redirect" target="_blank" rel="noopener"' );

即可（代码中的A标签属性也可自行修改）。

根据修改后的【Link+】按钮，我们只需要事先根据以前的写作习惯添加好链接，最后再切换到文本模式中点击一下该按钮，接着将内部链接对应的ID填写一下即可。

Tips:

WordPress站点构建微信小程序，个人主体推荐使用微慕小程序开源版，企业主体推荐使用微慕小程序增强版/专业版，点此前往微慕商城下载小程序源码及插件。建议抽空看看『微慕小程序基础教程和微信小程序相关教程文章合集』

您可能感兴趣的文章

• 微慕小程序基础教程和微信小程序相关教程文章合集
• 微慕小程序基础教程：如何为文章缩略图增加指定图片功能且优先级最高？
• 微慕小程序基础教程：小程序文章如何开启评论及审核？如何回复评论？
• 微慕小程序基础教程：小程序文章页的代码为什么不高亮显示？
• 微慕小程序基础教程：小程序“分类”中的封面和描述在哪里设置？
• 微慕小程序基础教程：小程序首页“推荐文章”为什么不显示不滚动？
• 微慕小程序基础教程：如何导入、修改、上传微慕小程序源码？
• 微慕小程序基础教程：WordPress站点如何安装REST API TO MiniProgram插件？
• 微慕小程序基础教程：微慕小程序插件基本设置的常规设置如何填写？
• 微慕小程序基础教程：精选栏目如何设置？页面路径如何填写？

文章标签：标签大全 ,  微慕小程序 ,  微慕小程序基础教程
版权声明：本文为原创文章，版权归 大熊wordpress 所有，欢迎分享本文，转载请保留出处！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请与老古（QQ：2226524923）联系，老古将及时更正、删除，谢谢。

主机推荐：建站推荐使用云服务器 华为云或 腾讯云，免备案虚拟主机推荐 老薛主机或 BlueHost