來源于:
https://www.52pojie.cn/thread-870125-1-1.html
哎,這幾個月經歷了很多事情,沒怎么去發帖了,近些天網上一瀏覽,發現很多不良居心的人拿著這個模板去賣錢啊,我也真的是不想吐槽了,別人本來是免費開源的,我也只是轉載分享下,還有人拿著我轉載的去賣錢。。。
本來我搭建了一個紀念愛情的網站,現在因為對象跑路了,就把網站關了,重新開了一個。
演示地址:浮生????域名:http://ifusheng.cn

WordPress的搭建和模板安裝及開啟https的問題,大家可以看我以前的帖子,有不懂的再問吧,今天主要和大家講述下怎么配置整合的小程序版本
鏈接已經更新了
網站域名需備案
1.下載小程序和微信web開發者工具??
小程序下載地址:鏈接:https://pan.baidu.com/s/1UtSxML417dFaiwWDi9LS6Q??????提取碼:rhhe????微信web開發者工具自行百度下載
本站下載:
Softtyms-master+02版
這個小程序是要配合wp素錦模板一起使用的??素錦模板下載地址:鏈接:https://pan.baidu.com/s/1eaSuXATM9NNACthAu3FWfQ??????????提取碼:3dm0?
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文件,/wp-content/themes/Diaspora/timthumb/timthumb.php?src={{item.thumbnail}}" />??修改你網站圖片的路徑,需要修改標紅的這2個地方,前一個是域名,后一個是模板名稱,具體看你改成什么了。
d:同樣的,在post文件夾下的index.wxml文件,/wp-content/themes/Diaspora/timthumb/timthumb.php?src={{post.thumbnail}}" /> 修改你網站圖片的路徑。
e:在about文件夾下的index.js文件,修改下這個圖片引用的位置,或者你不需要,就把它刪除也行。然后在index.wxml文件里面修改關于菜單欄的內容。
最后一步,在wp素錦主題文件夾 function.php 添加以下代碼:
function dw_rest_prepare_post( $data, $post, $request ) {
??????$_data = $data->data;
??????$params = $request->get_params();
??????if ( isset( $params['id'] ) ) {
??????????unset( $_data['excerpt'] );
??????}
??????if ( ! isset( $params['id'] ) ) {
??????????unset( $_data['content'] );
??????}
??????$thumbnail_id = get_post_thumbnail_id( $post->ID );
??????$thumbnail = wp_get_attachment_image_src( $thumbnail_id, 'full' );
????????$_data['thumbnail'] = $thumbnail[0];
??????if ( isset( $params['id'] ) ) {
??????????$media = get_attached_media( 'audio', $post->ID );
??????????$keys = array_keys( $media );
??????????$audio = wp_get_attachment_url( $keys[0] );
??????????$_data['audio'] = $audio;
??????}
??????unset( $_data['date_gmt'] );
??????unset( $_data['featured_media'] );
??????unset( $_data['ping_status'] );
??????unset( $_data['comment_status'] );
??????unset( $_data['sticky'] );
??????unset( $_data['template'] );
??????unset( $_data['link'] );
??????unset( $_data['guid'] );
??????unset( $_data['modified_gmt'] );
??????unset( $_data['meta'] );
??????unset( $_data['modified'] );
??????unset( $_data['slug'] );
??????unset( $_data['type'] );
??????unset( $_data['author'] );
??unset( $_data['categories'] );
??????unset( $_data['tags'] );
??????unset( $_data['status'] );
??$data->remove_link( 'collection' );
??$data->remove_link( 'self' );
??$data->remove_link( 'about' );
??$data->remove_link( 'author' );
??$data->remove_link( 'replies' );
??$data->remove_link( 'version-history' );
??$data->remove_link( 'https://api.w.org/featuredmedia' );
??$data->remove_link( 'https://api.w.org/attachment' );
??$data->remove_link( 'https://api.w.org/term' );
??$data->remove_link( 'curies' );
??????$data->data = $_data;
??????return $data;
}
function dw_rest_prepare_attachment( $data, $post, $request ) {
??????$_data = $data->data;
??$data->remove_link( 'collection' );
??$data->remove_link( 'self' );
??$data->remove_link( 'about' );
??$data->remove_link( 'author' );
??$data->remove_link( 'replies' );
??????unset( $_data['date'] );
??????unset( $_data['date_gmt'] );
??????unset( $_data['guid'] );
??????unset( $_data['modified'] );
??????unset( $_data['modified_gmt'] );
??????unset( $_data['slug'] );
??????unset( $_data['status'] );
??????unset( $_data['type'] );
??????unset( $_data['link'] );
??????unset( $_data['title'] );
??????unset( $_data['source_url'] );
??????unset( $_data['caption'] );
??????unset( $_data['description'] );
??????unset( $_data['author'] );
??????unset( $_data['comment_status'] );
??????unset( $_data['ping_status'] );
??????unset( $_data['meta'] );
??????unset( $_data['template'] );
??????unset( $_data['alt_text'] );
??????unset( $_data['media_type'] );
??????unset( $_data['mime_type'] );
??????$data->data = $_data;
??????return $data;
}
add_filter( 'rest_prepare_post', 'dw_rest_prepare_post', 10, 3 );
add_filter( 'rest_prepare_attachment', 'dw_rest_prepare_attachment', 10, 3 );


這幾個地方修改完成之后,點擊編譯或者預覽,基本上沒問題,可以看到效果了,然后點擊上傳,在微信公眾平臺的管理-版本管理可以看到提交的版本,然后提交審核就可以了。

在審核通過之后,再登錄后臺提交上線就可以在小程序中搜索到和查看了。具體效果大家可以看下:

問個題外問題,素錦主題怎么關閉自動音樂播放?
我看了下,好像是 JS 控制的,我也不太懂。