前后端分离视频站wordpress主题qinPress使用说明

一、安装说明

1.安装wordpress

1.1 新建个php站点,然后安装wp,这个不用多说了,域名的话最好是 api.wordpress.com 这种, 因为 wordpress 只用来提供接口, 实际上的主页面在外面, 所以不要主域名安装。

1.2 然后上传后台主题,直接ftp上传就好,后台上传估计不行,将 qinpress 文件夹上传到 theme 里面。

01

1.3 去后台启用主题

02

1.4 访问网站首页能看到登录界面(注意退出登录才能看到)就OK了。

03

1.4 测试下数据的输出有没有问题,在域名后面加上/wp-json/wp/v2/访问能看到下面的这些信息就代表没问题了, 如果显示的不是一堆字符, 那就看伪静态有没有设置

04

1.5 在后台的主题设置栏里面点击创建页面, 当然点击之后会跳转到一个空白页面或这上面有一些乱码, 这个不用理会, 直接看下一步即可

05

1.6 然后在动漫的分类以及类型啥的能看到自动生成的分类即可,请对照类型表格一一检查, 若有错误需要手动改正, 否则页面会不显示

06 07

1.7 最后安装认证插件 JWT Authentication for WP-API

08

1.8 设置key,我们先去 https://api.wordpress.org/secret-key/1.1/salt/ 生成几个随机的key, 我们随便复制一个即可, 名称不重要。

09

1.9 然后根据下面的格式填写。

1
2
<code>define('JWT_AUTH_SECRET_KEY', 'v~AyMT|k:.3:T.ohm_]}g61O45uY5Zx,?]CsJs+kS2/MnBkH&gt;2`fQw*1J{zm/$i+');
define('JWT_AUTH_CORS_ENABLE', true);

1.10 然后把上面两个参数填写到网站根目录的wp-config.php里面,放到那一堆key的下面就好。

10

1.11 最后记得去主题设置处允许前端域名访问,后台安装基本上就搞定了

11

2.前端静态站安装

静态站才是展示的主要地方,我们需要分别创建 pc 端的网站以及移动端的网站, 建议pc端直接使用主域名, 如: www.wordpress.com, 然后移动端使用 m.wordpress.com, 然后在 nginx 中分别配置根据UA相互跳转;

由于两个站点配置都一样,所以只讲解其中一个;

我们新建个web站点, 然后上传对应的主题文件到根目录, web对应的是pc端, h5对应的是移动端;

12

然后设置伪静态规则,用wordpress的就行,然后把index.php改成index.html, 如下:

1
2
3
4
<code>location / {
        index      index.html index.htm index.php;
        try_files  $uri $uri/ /index.html?$args;
    }

手机端与移动端的相互跳转在nginx里面设置就好, 下面简单介绍下, 具体的可以百度, 自己修改域名;

跳转到移动端:

1
2
3
<code> if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
         rewrite  https://m.wordpress.com permanent;
    }

跳转到pc端

1
2
3
<code> if ($http_user_agent !~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)){
       rewrite  https://www.wordpress.com permanent;
    }

然后设置static/config.js 的内容

13

baseurl就是你的后端wordpress域名, basename就是你的网站名

设置好之后,我们点开网页,能看到下面的内容就表示没问题了

14

然后点击登录看看登录注册没有没问题

15

进入下面的用户面板就表示没啥问题了

16

最后我们测试下上传图片有没有问题, 有问题的话可能就是你的wordpress权限问题了

17

都OK的话, 我们就可以开始后台的配置了;

二、必需设置项

配套前端主题

若使用配套的前端主题的话,以下结构为必须创建的,否则无法成功启用,对于自行编写前端主题的,就没啥限制了,具体的api还未写完,当然你也可以自己看源码使用,没有使用太过复杂的wordpress函数。

页面:结构页面,不可缺失,请保证别名的设置正确性,此为地址链接,错误则无法访问

别名 页面说明 PC或者手机端
discuss 动态页面,用户讨论的页面 PC/手机

动漫分类:结构页面,不可缺失,请保证别名的设置正确性,此为地址链接,错误则无法访问

别名 页面说明
top 手机与PC页面轮播图旁边的展示番剧
recommend 站长推荐
scroll 轮播图
day1 周一更新番剧
day2 周二更新番剧
day3 周三更新番剧
day4 周四更新番剧
day5 周五更新番剧
day6 周六更新番剧
day7 周日更新番剧

动漫类型:结构页面,不可缺失,请保证别名的设置正确性,此为地址链接,错误则无法访问

别名 页面说明
fun 搞笑番剧合集
fight 战斗番剧合集
daily 日常番剧合集
cure 治愈番剧合集
depress 致郁番剧合集
world 异界番剧合集

三、注意事项

  1. 可以修改站点地址为前端主题的地址,然后修改伪静态,这样就能直接从后台跳转至前台主题页了。
  2. 后台的授权域名是用来区分是否是自己的前台请求的,否则他人拿着前台主题就能用你的后台信息,最后流量全是别人的。但是域名这个也不是那么的保险,所以如果站点比较大的话,需要自行弄些安全措施。
资源链接该资源需要登录后查看,请先登录(扫码可直接登录、免注册)
资源下载
下载价格免费
原文链接:https://xiaohost.com/10482.html,转载请注明出处。
0

评论0

请先