教你从零开始使用wordpress做为后台生成小程序(小白版教程)

本文涉及的产品
.cn 域名,1个 12个月
简介: 准备工作 1服务器 最好使用Linux服务器,小白推荐安装宝塔面板。 2备案域名 3.小程序账号 建议注册企业账号,可以使用已认证的公众号快速创建。 4.七牛账号 CDN使用,加快网站访问速度。如需使用小程序发帖,也会用到。
v2-38575cbb4246d86bcf0d5d9b0a1b0842_b.pn

准备工作

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

2备案域名

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

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

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

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


演示案例


5523feadf27f9df6b4b1bea22a4ba99fdc5500cc

教程目录:

一,注册并认证小程序

自己去看官方教程

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

1.安装纯净的centos

2.安装宝塔面板(bt.cn

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

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


v2-d6f82a8b61bc0f9aecf23e6387aa01c4_b.pn


三,安装wordpress并配置ssl

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

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


v2-c99c09d814b5f0a2413d1af7b43ad594_b.pn

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


v2-94c2c0049abdffef91dadd3b0d066a90_b.pn


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


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

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

1.伪静态

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


v2-0191456984c6ff7909096f4f6616f8bb_b.pn

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

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;


v2-29a69c2c4db25a220af85538c63fc025_b.pn


2.缓存优化

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

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

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


v2-2c59cf035d50d48fafa4796a5de3f7b4_b.pn


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


v2-22ce3bfffced4fa24d1a0b4fc1fba1bd_b.pn


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

v2-05508b322aa7432a846f5808a5933b6c_b.pn


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

五:安装插件

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

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

1240

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

六,修改小程序源码

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

1240

2.关于我们页面:

新建一个页面并取到id

1240

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

1240

3.一些简单的ui美化

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

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

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

目录
相关文章
|
2月前
【wordpress教程】wordpress博客网站添加非法关键词拦截
有的网站经常被恶意搜索,站长们不胜其烦。那我们如何屏蔽恶意搜索关键词呢?下面就随小编一起来解决这个问题吧。
43 1
|
9天前
|
小程序 API PHP
零成本搭建个人 APP 和小程序后台
虽然网上也有很多人介绍这俩平台的玩法,但都是 2024 年以前的文章,有些平台最新的修改,和自己踩到的坑而别人没提到的细节,我还是想记录一下。
33 9
|
12天前
|
小程序 JavaScript Java
微信小程序+SpringBoot接入后台服务,接口数据来自后端
这篇文章介绍了如何将微信小程序与SpringBoot后端服务进行数据交互,包括后端接口的编写、小程序获取接口数据的方法,以及数据在小程序中的展示。同时,还涉及到了使用Vue搭建后台管理系统,方便数据的查看和管理。
微信小程序+SpringBoot接入后台服务,接口数据来自后端
|
2月前
|
SEO
WordPress作品设计素材图片站资讯文章教程uigreat主题
WordPress作品设计素材图片站资讯文章教程uigreat主题
30 4
WordPress作品设计素材图片站资讯文章教程uigreat主题
|
2月前
|
小程序 PHP
全新UI自助图文打印系统小程序源码 PHP后端 附教程
全新UI自助图文打印系统小程序源码 PHP后端 附教程
112 2
|
2月前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
395 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
2月前
|
安全 数据库
【WordPress教程】怎么修改WordPress管理员用户账户ID
wordpress 程序后台不支持更换用户名,如果想更改怎么办?别担心,一段代码就可以轻松搞定!
26 0
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的前后台图书商城系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的前后台图书商城系统附带文章源码部署视频讲解等
17 0
|
2月前
|
小程序 前端开发
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
【微信小程序-原生开发】实用教程22 - 绘制图表(引入 echarts,含图表的懒加载-获取到数据后再渲染图表,多图表加载等技巧)
81 0
|
2月前
|
小程序
【微信小程序-原生开发】实用教程21 - 分包
【微信小程序-原生开发】实用教程21 - 分包
115 0
下一篇
云函数