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

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

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

实现功能后的效果如下:

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

除了增加 

上传图片到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 = CHV\Image::uploadToWebsite($source);

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

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

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

打开 WordPress 所用主题的 

functions.php

 文件

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

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

插入以下代码:

把 

$DOMAIN="localhost";

 里的 

localhost

 改为图床域名,把 

$APIkey="youkey";

 里的 

youkey

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

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

给TA打赏
共{{data.count}}人
人已打赏
WP教程

WordPress后台右下角”获取版本x.x.x”字样如何修改或者删除?

2020-10-12 14:02:57

WP教程

WordPress修改文章格式名称方法

2020-12-14 14:02:55




重要声明

本站资源来自会员发布以及互联网收集,不代表本站立场,如有侵犯你的权益请联系管理员-车车站内发信联系 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请用户仔细辨认内容的真实性,避免上当受骗!本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索