资讯专栏INFORMATION COLUMN

教你从零开始使用wordpress生成微信小程序(小白版教程)

jaysun / 1568人阅读

摘要:准备工作服务器最好使用服务器,小白推荐安装宝塔面板。备案域名小程序账号建议注册企业账号,可以使用已认证的公众号快速创建。七牛账号使用,加快网站访问速度。如需使用小程序发帖,也会用到。注意不要使用以下的。

准备工作

1服务器 最好使用Linux服务器,小白推荐安装宝塔面板。

2备案域名

3.小程序账号 建议注册企业账号,可以使用已认证的公众号快速创建。

4.七牛账号 CDN使用,加快网站访问速度。如需使用小程序发帖,也会用到。

5.下载小程序源码 源码下载地址https://github.com/iamxjb/win...(由jianbo开发,如果大家按照此教程搭建成功,请记得赞赏jianbo,只有这样才会良性循环。记住,懂得感恩的人或获得更多,越吝啬的人越赚不了大钱。)

6.规划内容和分类 网站必须有3个以上分类,10篇以上文章(置顶两篇文章并评论)
小程序案例

教程目录:

一,注册并认证小程序

自己去看官方教程

二,服务器安装linux+宝塔面板+lnmp环境

1.安装纯净的centos

2.安装宝塔面板(http://www.bt.cn)

3.安装lnmp环境,最好编译安装

4.解析网站到服务器,并在宝塔面板新建网站

三,安装wordpress并配置ssl

我是以宝塔面板作为案例,其他请自行百度。

宝塔面板——网站——点击网站后的设置按钮

选择你要部署ssl的域名,点击申请,稍等一会证书即可申请and自动部署。

部署好之后就可以安装wordpress了,我使用的是最新版wp+php7.0。注意不要使用5.6以下的php。

安装好之后新建三个分类目录 每个目录发表三篇以上文章,将其中几篇置顶并评论下。新建一个页面,用于关于我们页面。

四,wordpress伪静态+缓存优化+CDN加速

1.伪静态

安装好wp后,进入后台,选择设置--固定连接-自定义,填入/%post_id%.html

进宝塔面板设置一下伪静态规则

location / { if (-f $request_filename/index.html){ rewrite (.) $1/index.html break; } if (-f $request_filename/index.php){ rewrite (.) $1/index.php; } if (!-f $request_filename){ rewrite (.*) /index.php; }}rewrite /wp-admin$ $scheme://$host$uri/ permanent;

2.缓存优化

所需文件下载地址:memcached.zip - 小生意圈网盘

缓存的优点和其他乱七八糟的就不说了,直接上步骤

a 宝塔面板 php版本里安装memcached(php7.0的 opcache也可以安装)

b上传两个文件到wp-content目录下

c上传memcache.php到根目录 访问这个文件就可以看到缓存信息(记得改文件里边的用户名密码)

3.使用七牛cdn加速静态资源

五:安装插件

1.安装wp-rest-api-for-app,下载地址:wp-api.zip - 小生意圈网盘

下载后在后台直接安装即可

2.安装插件后会在文章分类目录里新增一个选项 ,这里可以放分类的图片地址,在小程序里体现为专题页面的专题封面

六,修改小程序源码

1.显示网站内容:修改utils-api.js下的域名为你自己的域名,基本就可以拉取内容了

2.关于我们页面:

新建一个页面并取到id

在pages-about-about.js下修改id

3.一些简单的ui美化

4.点击分享生成 【带小程序二维码的分享卡片 】用来分享到朋友圈

分享朋友圈卡片制作六,高级版模版源码修改

主页修改,动态修改,地图修改

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/25824.html

相关文章

  • 手把手教你从零写一个简单的 VUE

    摘要:本系列是一个教程,下面贴下目录手把手教你从零写一个简单的手把手教你从零写一个简单的模板篇今天给大家带来的是实现一个简单的类似一样的前端框架,框架现在应该算是非常主流的前端数据驱动框架,今天我们来从零开始写一个非常简单的框架,主要是让大家 本系列是一个教程,下面贴下目录~1.手把手教你从零写一个简单的 VUE2.手把手教你从零写一个简单的 VUE--模板篇 今天给大家带来的是实现一个简单...

    RebeccaZhong 评论0 收藏0
  • 手把手教你从零写一个简单的 VUE

    摘要:本系列是一个教程,下面贴下目录手把手教你从零写一个简单的手把手教你从零写一个简单的模板篇今天给大家带来的是实现一个简单的类似一样的前端框架,框架现在应该算是非常主流的前端数据驱动框架,今天我们来从零开始写一个非常简单的框架,主要是让大家 本系列是一个教程,下面贴下目录~1.手把手教你从零写一个简单的 VUE2.手把手教你从零写一个简单的 VUE--模板篇 今天给大家带来的是实现一个简单...

    Acceml 评论0 收藏0
  • 信小程序爬虫】表情包小程序图文视频教学,从零写起,保姆教程!!!

    摘要:文章目录前言爬取分析视频教学成果展示福利入门到就业学习路线规划小白快速入门爬虫路线前言皮皮虾一个沙雕而又有趣的憨憨少年,和大多数小伙伴们一样喜欢听歌游戏,当然除此之外还有写作的兴趣,,日子还很长,让我们一起加油努力叭话 ...

    coordinate35 评论0 收藏0
  • 从零开始信小程序新手入门宝典《一》

    摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...

    whataa 评论0 收藏0
  • 从零开始信小程序新手入门宝典《一》

    摘要:为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习一微信小程序的特点张小龙张小龙全面阐述小程序,推荐通读此文小程序是一种不需要下载安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程...

    mdluo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<