wordpress版微信小程序(二)修改小程序

在上篇文章中,我介绍了如何安装wordpress小程序,本篇文章将介绍如何对wordpress小程序进行修改,把它改成我们想要的样子。(需要代码基础)

1、修改顶部小程序名称

修改方法:点击文件列表中的app.json,在右边代码第20行,修改文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

wordpress版微信小程序(二)小程序修改提交文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

 文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

2、修改幻灯片:

打开wordpress网站后台-设置-微信小程序设置,填写“小程序首页滑动文章ID”,此为文章ID。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

修改微信小程序幻灯片文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

3、修改幻灯片下的指定分类

修改方法:打开文件列表中的utils/config.js,修改第31-35行的内容:文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

  1. { id: '1', name: '微店', image: '../../images/shop.png', url: 'pages/shelf/shelf', redirecttype: 'miniapp', appid: 'wx55ea6098e41af5c4', extraData:'' },
  2. { id: '2', name: '排行', image: '../../images/ranking.png', url: '../hot/hot', redirecttype: 'apppage', appid: '', extraData:''},
  3.  { id: '3', name: '专题', image: '../../images/tar-topic.png', url: '../topic/topic', redirecttype: 'apppage', appid: '', extraData:''},
  4. { id: '4', name: '网站', image: '../../images/logo-icon.png', url: 'https://www.chaoyongseo.com', redirecttype: 'webpage', appid: '', extraData: '' }

4、修改底部版权:

打开templates/copyright.wxml,修改<view> </view>标签中的内容。文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

修改wordpress小程序底部版权文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

5、修改“关于”页面

(1)顶部的“关于WordPress微信小程序”文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

修改顶部的“关于WordPress微信小程序”文章源自SEO视频网-https://www.seoshipin.cn/jianzhan/wordpress/2189.html

(2)修改顶部图片和座右铭、内容:

打开templates/header.wxml文件修改,其中图片可用自己网站的logo图片替换,座右铭改为自己的,内容需要修改wordpress网站设置的对应的页面(页面设置方法在上篇文章)。

修改wordpress关于页面顶部图片和座右铭

6、修改小程序底部“首页”“评论”“关于”“我的”

打开app.json文件,在约29-51行修改,图标图片是存放在小程序文件夹中的images文件夹中的。

 
  • 本文由 潮涌SEO 发表于 2018年3月10日 14:17:42
  • 转载请务必保留本文链接:https://www.seoshipin.cn/jianzhan/wordpress/2189.html