WordPress 唯美模板素锦主题搭建及小程序配置

开发小程序？也许能帮助你。

最后更新于 2025-06-07

本页目录3 节

WordPress 的搭建和模板安装及开启 https 的问题，大家可以看我以前的帖子，有不懂的再问吧，今天主要和大家讲述下怎么配置整合的小程序版本

来源：详情

网站域名需备案

1.下载小程序和微信 web 开发者工具

微信开发者工具：详情
小程序代码包：下方下载
主题文件：下方下载

html2wxml-v2.0.1 是小程序代码包中说明需要的

2.把小程序 Softtyms-master 解压出来，随便放在桌面或者其他盘都行，运行微信 web 开发者工具，用微信扫码登录，选择小程序项目，添加项目，

项目目录选择刚刚解压的文件 Softtyms-master，appid 在小程序后台查看，开发-开发设置，就可以看到，如果还没小程序，点击上面的注册，注册一个个人的小程序就可以了，项目名称填写网站名称就行。

注：在注册好微信小程序之后，需要在下图的地方填写好你的网站域名，这个要求域名必须备案和开启 https。

注：在注册好微信小程序之后，需要在下图的地方填写好你的网站域名，这个要求域名必须备案和开启 https。

3.打开小程序后，重点修改的部分

a：修改 host.sample.js 为 host.js，填入你的 WordPress 网站地址。比如：export default 'http://127.0.0.1:8000' 改成 export default 'https://ifusheng.cn'

b：在 app.json 文件下把素锦两个字改成你自己小程序的名称

c：在 posts 文件夹下的 index.wxml 文件，<img src="https://ifusheng.cn/wp-content/themes/Diaspora/timthumb/timthumb.php?src={{item.thumbnail}}" /> 修改你网站图片的路径，需要修改标红的这 2 个地方，前一个是域名，后一个是模板名称，具体看你改成什么了。

d：同样的，在 post 文件夹下的 index.wxml 文件，<img src="https://ifusheng.cn/wp-content/themes/Diaspora/timthumb/timthumb.php?src={{post.thumbnail}}" /> 修改你网站图片的路径。

e：在 about 文件夹下的 index.js 文件，修改下这个图片引用的位置，或者你不需要，就把它删除也行。然后在 index.wxml 文件里面修改关于菜单栏的内容。

最后一步，在 wp 素锦主题文件夹 function.php 添加以下代码：

1
function dw_rest_prepare_post( $data, $post, $request ) {
2

3
      $_data = $data->data;
4

5
      $params = $request->get_params();
6

7
      if ( isset( $params['id'] ) ) {
8
          unset( $_data['excerpt'] );
9
      }
10

11
      if ( ! isset( $params['id'] ) ) {
12
          unset( $_data['content'] );
13
      }
14

15
      $thumbnail_id = get_post_thumbnail_id( $post->ID );
16
      $thumbnail = wp_get_attachment_image_src( $thumbnail_id, 'full' );
17
        $_data['thumbnail'] = $thumbnail[0];
18

19
      if ( isset( $params['id'] ) ) {
20
          $media = get_attached_media( 'audio', $post->ID );
21
          $keys = array_keys( $media );
22
          $audio = wp_get_attachment_url( $keys[0] );
23
          $_data['audio'] = $audio;
24
      }
25

26
      unset( $_data['date_gmt'] );
27
      unset( $_data['featured_media'] );
28
      unset( $_data['ping_status'] );
29
      unset( $_data['comment_status'] );
30
      unset( $_data['sticky'] );
31
      unset( $_data['template'] );
32
      unset( $_data['link'] );
33
      unset( $_data['guid'] );
34
      unset( $_data['modified_gmt'] );
35
      unset( $_data['meta'] );
36
      unset( $_data['modified'] );
37
      unset( $_data['slug'] );
38
      unset( $_data['type'] );
39
      unset( $_data['author'] );
40
  unset( $_data['categories'] );
41
      unset( $_data['tags'] );
42
      unset( $_data['status'] );
43

44
  $data->remove_link( 'collection' );
45
  $data->remove_link( 'self' );
46
  $data->remove_link( 'about' );
47
  $data->remove_link( 'author' );
48
  $data->remove_link( 'replies' );
49
  $data->remove_link( 'version-history' );
50
  $data->remove_link( 'https://api.w.org/featuredmedia' );
51
  $data->remove_link( 'https://api.w.org/attachment' );
52
  $data->remove_link( 'https://api.w.org/term' );
53
  $data->remove_link( 'curies' );
54

55
      $data->data = $_data;
56

57
      return $data;
58

59
}
60

61
function dw_rest_prepare_attachment( $data, $post, $request ) {
62

63
      $_data = $data->data;
64

65
  $data->remove_link( 'collection' );
66
  $data->remove_link( 'self' );
67
  $data->remove_link( 'about' );
68
  $data->remove_link( 'author' );
69
  $data->remove_link( 'replies' );
70

71
      unset( $_data['date'] );
72
      unset( $_data['date_gmt'] );
73
      unset( $_data['guid'] );
74
      unset( $_data['modified'] );
75
      unset( $_data['modified_gmt'] );
76
      unset( $_data['slug'] );
77
      unset( $_data['status'] );
78
      unset( $_data['type'] );
79
      unset( $_data['link'] );
80
      unset( $_data['title'] );
81
      unset( $_data['source_url'] );
82
      unset( $_data['caption'] );
83
      unset( $_data['description'] );
84
      unset( $_data['author'] );
85
      unset( $_data['comment_status'] );
86
      unset( $_data['ping_status'] );
87
      unset( $_data['meta'] );
88
      unset( $_data['template'] );
89
      unset( $_data['alt_text'] );
90
      unset( $_data['media_type'] );
91
      unset( $_data['mime_type'] );
92

93
      $data->data = $_data;
94

95
      return $data;
96

97
}
98

99
add_filter( 'rest_prepare_post', 'dw_rest_prepare_post', 10, 3 );
100
add_filter( 'rest_prepare_attachment', 'dw_rest_prepare_attachment', 10, 3 );