在 WordPress 的文章编辑器里增加一键上传图片到 Chevereto

之前介绍过使用 PicGo 进行一键上传图片到 Chevereto 图床的操作,如果使用 WordPress …

之前介绍过使用 PicGo 进行一键上传图片到 Chevereto 图床的操作,如果使用 WordPress 写文章的时候不想装 PicGo 的话,还可以在写文章编辑器里增加一个按钮,方便边写文章边同步图片到图床然后插入到文章里。

本文的代码来自 Spiritx:
https://spiritx.xyz/843.html

实现功能后的效果如下:

image-20200812184747640

除了增加 

上传图片到Chevereto

 功能外,编辑器本身还使用了 Markdown 写作插件 

WP Editor

编辑 route.api.php 允许跨域

进入 Chevereto 图床服务的文件目录,拷贝和编辑 

route.api.php

 文件实现允许跨域:

cd app/routes/
cp route.api.php overrides/route.api.php

对 

app/routes/overrides/

 目录下的 

route.api.php

 进行编辑:

// route.api.php 第二行加入以下代码,https://localhost 改为自己的 WordPress 所用域名
header('Access-Control-Allow-Origin: https://localhost');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Allow-Headers: Content-Type, Accept, Authorization, X-Requested-With, Origin, Accept');

然后在这个文件内找到 

$uploaded_id = CHVImage::uploadToWebsite($source);

 (一般在105行),替换为以下代码:

// admin 为图床中的用户名
$uploaded_id = CHVImage::uploadToWebsite($source,admin);

编辑 functions.php 增加一键上传按钮

打开 WordPress 所用主题的 

functions.php

 文件

image-20200812190216107

image-20200812190317693

插入以下代码:

把 

$DOMAIN="localhost";

 里的 

localhost

 改为图床域名,把 

$APIkey="youkey";

 里的 

youkey

 改为图床 api,然后保存编辑。

接下来打开写文章编辑器,就可以看到一键上传图床的按钮了。

类别:WordPress技巧

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册