wordpress 转为小程序使用过程

开门的小孩

之所以叫使用过程，因为不是我开发的，然后第一次装了一次，过来好久在安装又忘了，然后修改了东西也忘了，所以在这里留一个记录。

1、安装。
安装分两部分，第一部分就是小程序的安装包。首先下载安装包，
                        第二部分就是小程序和wordpress通讯的一个插件。https://github.com/iamxjb/wp-rest-api-for-app

2、修改。
  主要祛除了原来作者自带的一些对我来说没有的东西，其中主要就是连接的修改。

1）utils/config.js 目录为主要配置。
2）修改分类导航

1. { id: '1', name: '剁手日志', image: '../../images/shop.png', url: '../list/list?categoryID=3', redirecttype: 'apppage', appid: '', extraData:'' },

复制代码

3）修改head、foot等版权信息。
4)修改\pages\detail\detail.wxml，中常用图标明显显示

1. <view class="iconList">
   
2.                                     <view class="iconLine">
   
3.                                         <view style="width:20%; position: relative; float:left; text-align:center">
   
4. 
   
5.                                             <view>
   
6.                                                 <image src="../../images/forwarding.png" class="img-menu"></image>
   
7.                                             </view>
   
8.                                             <view>
   
9.                                                 <text>转发</text>
   
10.                                             </view>
    
11.                                             <button class="share-button share-button touch-active" open-type="share">
    
12.                                             </button>
    
13.                                         </view>
    
14.                                         <view style="width:20%; float:left; text-align:center">
    
15.                                             <view>
    
16.                                                 <image src="../../images/poster.png" catchtap="downimageTolocal" class="img-menu"></image>
    
17.                                             </view>
    
18.                                             <view>
    
19.                                                 <text>海报</text>
    
20.                                             </view>
    
21.                                         </view>
    
22.                                         <view style="width:20%; float:left; text-align:center">
    
23.                                             <view>
    
24.                                                 <image src="../../images/copy.png" class="img-menu" catchtap="gotowebpage"></image>
    
25.                                             </view>
    
26.                                             <view>
    
27.                                                 <text>阅读原文</text>
    
28.                                             </view>
    
29.                                         </view>
    
30. 
    
31.                                         <view style="width:20%; float:left; text-align:center">
    
32.                                             <view>
    
33.                                                 <image src="../../images/{{likeImag}}" catchtap="clickLike" id="likebottom" class="img-menu"></image>
    
34.                                             </view>
    
35.                                             <view>
    
36.                                                 <text>点赞</text>
    
37.                                             </view>
    
38.                                         </view>
    
39.                                         <view style="width:20%; float:left; ">
    
40.                                             <view>
    
41.                                                 <image src="../../images/appreciation.png" catchtap="praise" class="img-menu"></image>
    
42.                                             </view>
    
43.                                             <view>
    
44.                                                 <text>赞赏</text>
    
45.                                             </view>
    
46. 
    
47.                                         </view>
    
48.                                     </view>
    
49.                                 </view>

复制代码