进入老版原网站

蚂蚁分享-一个只做有用的分享。

当前位置: > 模板 > WordPress模板 >

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

时间:2021-09-10 09:54人气:来源: 未知

一、安装说明

1.安装wordpress

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

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

1.3 去后台启用主题

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明 wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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


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

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

2.前端静态站安装

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

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

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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


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

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

跳转到移动端:


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

跳转到pc端


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

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

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

wordpress,wordpress主题,主题,使用,使用说明,分离,创建,前后,前端,后端,图片,域名,插件,数据,界面,百度,网站,自动,自动草,草稿,视频,说明,前后端分离视频站wordpress主题qinPress使用说明

都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. 后台的授权域名是用来区分是否是自己的前台请求的,否则他人拿着前台主题就能用你的后台信息,最后流量全是别人的。但是域名这个也不是那么的保险,所以如果站点比较大的话,需要自行弄些安全措施。

压缩包统一解压码---请点这里
压缩包统一解压码---请点这里
压缩包统一解压码---请点这里
标签:

热门标签