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

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

来源于:

https://www.52pojie.cn/thread-870125-1-1.html

哎,这几个月经历了很多事情,没怎么去发帖了,近些天网上一浏览,发现很多不良居心的人拿着这个模板去卖钱啊,我也真的是不想吐槽了,别人本来是免费开源的,我也只是转载分享下,还有人拿着我转载的去卖钱。。。

本来我搭建了一个纪念爱情的网站,现在因为对象跑路了,就把网站关了,重新开了一个。

演示地址:浮生    域名:http://ifusheng.cn

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

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

链接已经更新了

网站域名需备案

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

小程序下载地址:链接:https://pan.baidu.com/s/1UtSxML417dFaiwWDi9LS6Q      提取码:rhhe    微信web开发者工具自行百度下载

本站下载:

Softtyms-master+02版

提取码:无
解压码:无

这个小程序是要配合wp素锦模板一起使用的  素锦模板下载地址:链接:https://pan.baidu.com/s/1eaSuXATM9NNACthAu3FWfQ          提取码:3dm0 

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

Diaspora - 素锦WordPress博客主题

2.把小程序Softtyms-master解压出来,随便放在桌面或者其他盘都行,运行微信web开发者工具,用微信扫码登录,选择小程序项目,添加项目,项目目录选择刚刚解压的文件Softtyms-master,appid在小程序后台查看,开发-开发设置,就可以看到,如果还没小程序,点击上面的注册,注册一个个人的小程序就可以了,项目名称填写网站名称就行。

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

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

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

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

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文件,WordPress唯美模板素锦主题搭建及小程序配置/wp-content/themes/Diaspora/timthumb/timthumb.php?src={{item.thumbnail}}" />  修改你网站图片的路径,需要修改标红的这2个地方,前一个是域名,后一个是模板名称,具体看你改成什么了。

d:同样的,在post文件夹下的index.wxml文件,WordPress唯美模板素锦主题搭建及小程序配置/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 );

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

这几个地方修改完成之后,点击编译或者预览,基本上没问题,可以看到效果了,然后点击上传,在微信公众平台的管理-版本管理可以看到提交的版本,然后提交审核就可以了。

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

在审核通过之后,再登录后台提交上线就可以在小程序中搜索到和查看了。具体效果大家可以看下:

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

怎么移除多余的代码? - WordPress教程

2019-3-17 5:21:34

教程

wordpress导入mysql数据库出错的解决办法

2019-4-3 23:41:08

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
2 条回复 A文章作者 M管理员
  1. 问个题外问题,素锦主题怎么关闭自动音乐播放?

    • Muze

      我看了下,好像是 JS 控制的,我也不太懂。

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索