WordPress版微信小程序2.6版發佈

WordPress版微信小程序的完善和升級的工做一直都在進行中，我爭取保證一個月能夠出一個版本，但願經過一點點的改進，讓這個開源產品日趨完美。

同時，pro版WordPress微信小程序也在緊鑼密鼓的開發中，這個過程有些反覆，如何在性能和功能上優於當前的開源版本？是我一直想解決的問題。pro版本包括什麼功能，如今尚未徹底肯定，但願pro版本出來後，不會讓你們失望。

固然當前的開源版本也還有不少地方值得去優化，瞭解程序的開發歷程及開發技術，建議看看相關更新文章和安裝文檔：

1.用微信小程序鏈接WordPress網站
2.WordPress版微信小程序1.5版本發佈
3.WordPress版微信小程序2.0版本發佈
4.利用WordPress REST API 開發微信小程序從入門到放棄
5.WordPress版微信小程序2.1.5版發佈
6.WordPress版微信小程序2.1.8版發佈
7.WordPress版微信小程序開發系列(一)：WordPress REST API
8.WordPress版微信小程序2.2.0版發佈
9.WordPress版微信小程序2.2.8版發佈
10.WordPress版微信小程序開發系列(二):安裝使用問答
11.WordPress版微信小程序2.4版發佈
12.WordPress版微信小程序安裝使用說明

開源下載地址
https://github.com/iamxjb/win...
若是由於某些緣由github沒法訪問，能夠選擇如下鏡像地址：
1.https://git.oschina.net/iamxj...
2.https://code.aliyun.com/iamxj...
3.https://coding.net/u/xjb/p/wi...
4.https://gitlab.com/xiajianbo/...

WordPress版微信小程序2.6版較上一個版本改動並非很大，除了修復一些bug外，主要的調整是如下幾個方面：

1.增長模板消息功能，回覆文章評論（回覆），發送模板消息給評論者
2.優化文章評論和回覆的顯示
3.優化評論和回覆提交功能
4.首頁導航

1.回覆評論發送模板消息
儘管微信官方一直宣稱小程序是用完即走，可是做爲每一個小程序的開發者來講，如何留住用戶倒是小程序開發者心裏一直的追求。如今小程序這麼多，在小程序的歷史列表裏可以被標星的小程序畢竟是少數，大多的小程序會慢慢消失在小程序的歷史列表中，其中不乏優秀的小程序，如何讓小程序的使用者再次使用，模板消息是個不錯的選擇。諸如拼多多這樣大牌的小程序都要靠發垃圾的模板消息，來拉回頭客。

微信小程序的模板消息分兩種：

一、支付後發送模板消息。這個功能在上一個版本2.4版已經實現，不過支付應用的場景很少，並且很多開發者註冊的是我的小程序，沒法開通支付。這樣就沒法應用到這個模板消息了。

二、提交表單後七天內發送一次模板消息。這個功能最合適的應用場景就是WordPress小程序的回覆評論功能。爲了不濫用，微信小程序限定發送這類模板消息只能在用戶提交表單後七日內發送一次，過時，超過一次，都沒法發送。

在2.6版本中，我加入了回覆評論發送模板消息的功能。若是須要使用這個功能，須要作以下配置：

1. 在微信小程序管理後臺配置模板消息的模版，模版格式以下:

二、在微信小程序源代碼中的config.js(在untils目錄裏)模板消息的模板id

提示：因爲發送模板消息須要formId，所以只有對更新版本後發出的評論進行回覆後纔會發出模板消息，更新前的評論是沒有提交formId，因此是沒法發消息的。對於評論的回覆只能發送一次消息，若是評論超過7天，就沒法發消息了。

收到的模板消息以下：

這個功能能夠比較方便實現客戶留存，但願你不要濫用這個功能，那天被微信封號了，別來找我。

注意:模板消息只能在手機上測試，在開發工具上是沒法獲取formId，從而沒法發送消息。

2.優化文章評論和回覆的顯示
評論和回覆的顯示，調整過不少次，我都不是很滿意，對於上一個版本中嵌套顯示，感受有一些太佔用空間了，手機屏幕原本就小，若是評論和回覆拖老長，估計沒什麼人有耐心看。這次調整，放棄了嵌套的顯示模式，把全部的評論的回覆都放在當前評論的下面，給予平等的顯示，這樣看起來比較清晰。

3.優化評論和回覆提交功能
因爲評論和回覆共用一個輸入框，爲了區分評論和回覆，在之前的版本是採用「@」的方式表示是回覆，不過這種方式若是刪除了「@」等字符，就沒法區分是評論仍是回覆了。在這次的修改中，參考了微信朋友圈的評論模式。點擊評論（或回覆）的內容時，觸發回覆，會在評論框顯示「回覆某某：」字樣的佔位符，輸入內容後提交，就是回覆的內容，若是文本框沒有輸入又失去焦點（即放棄回覆輸入），則評論框恢復原狀即評論狀態，此時若是輸入內容，發出的就是評論。

4.首頁顯示導航
小程序首頁的打開率是最高的，我以爲若是從首頁導航到關鍵內容，能夠提升頁面的打開率；同時之前的版本中，tab標籤已經使用5個，再也沒法放tab標籤了，所以這次版本更新，我在首頁放置了導航的圖標，開發者能夠把本身以爲重要的內容或功能放到首頁，你能夠充分利用這個導航，若是你以爲能夠甚至能夠把全部分類也放到這裏來導航，避免經過」專題」進去路徑太深的問題。

首頁導航配置詳見config.js:

//首頁圖標導航//參數說明：’name’爲名稱，’image’爲圖標路徑，’redirectlink’爲跳轉的頁面，’redirecttype’爲跳轉的類型，page爲本小程序的頁面，app爲其餘微信小程序// ‘appid’ 當redirecttype爲app時，這個值爲其餘微信小程序的appid，若是redirecttype爲page時，這個值設置爲空。var INDEXNAV = [{ id: ‘1’, name: ‘微店’, image: ‘../../images/shop.png’, redirectlink: ‘pages/shelf/shelf’, redirecttype: ‘app’, appid:’wx55ea6098e41af5c4′ },{ id: ‘2’, name: ‘優秀’, image: ‘../../images/youxiu.png’, redirectlink: ‘../applist/applist’, redirecttype: ‘page’, appid: 」},{ id: ‘3’, name: ‘專題’, image: ‘../../images/tar-topic.png’, redirectlink: ‘../topic/topic’, redirecttype: ‘page’, appid: 」},{ id: ‘4’, name: ‘推薦’, image: ‘../../images/tuijian.png’, redirectlink: ‘../recommend/recommend’, redirecttype: ‘page’, appid: 」 }]