整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

WordPress编辑器支持Word图片粘贴

WordPress编辑器支持Word图片粘贴

ordPress编辑器支持Word图片粘贴,WordPress编辑器粘贴Word图片,WordPress编辑器粘贴Word图文,WordPress编辑器粘贴Word内容,WordPress编辑器粘贴Word文档,WordPress编辑器粘贴Word,WordPress编辑器一键粘贴Word图片,WordPress编辑器一键粘贴Word图文,WordPress编辑器一键粘贴Word内容,WordPress编辑器一键粘贴Word文档,


客户用的是wordpress,每天都要在后台发布新闻和文章,新闻内容都是在word中编辑好的,包括文字和图片,发布新闻的时候需要手动上传图片,觉得很繁琐,

现在就是想要增加一个功能,在后台发新闻和文章,能够直接从word中复制内容,然后粘贴。客户是教育行业的,word文档里面有很多公式,公式是以图片形式保存的,一个文档中有很多的公式图片,一张张上传太累了,要求粘贴到wordpress后,图片能够自动上传到WEB服务器中,然后直接将HTML返回到编辑器中。

增加这个功能后,再发布文章就简单多了,只需要在word中复制想要发布的内容,然后在wordpress的编辑器中粘贴就行了,图片会自动上传,不再需要一张张传图了,简化了操作。

粘贴word内容,粘贴word图片,粘贴word图文,用户发布新闻的时候是从word里面复制图片和文字,然后将word图文内容粘贴到web富文本编辑器中,希望能够将word的图片自动上传到服务器中,服务器地址能够自定义,后端的话需要支持任意开发语言,比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于标准HTTP协议的都要支持。如果能够不装控件最好,不过为了能够简化发布新闻的操作,安装控件也是可以接受的。


1.安装经典编辑器

2.安装WordPaster for WordPress插件
下载插件包

http://www.ncmem.com/webapp/wordpaster/versions.aspx

上传安装启用插件


配置授权码

输入授权码


效果


发布后


订阅版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/

年费版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

OEM版报价单:https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY

产品源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

是一款适用于新浪SAE的WordPress静态化插件,它可以把你的博客生成静态页面并且存入KVDB中,下次访问的时候直接从KVDB中取出,极大的提升网站响应速度和数据库负载。而且还可以节约很多的云豆哦!

1.重写插件,缓存机制改进,核心代码优化,完全的面向对象,结构更加清晰,删除大量冗余代码

2.支持全站静态化,包括文章页、首页、单页面、归档页面,只要你的url没有带参数,就可以静态到KVDB

3.不需要配置config.yaml,终于可以把那两句难看rewrite去掉了(有轻微的性能损失,但是感觉不出来)

4.后台设置页面更新,可以有更多的选项设置

WordPress是一款非常热门的博客系统,但是其对于静态化的支持却不是很好。虽然说可以配置主机的htaccess规则,来达到伪静态的效果,但是如果能够纯静态,提速效果会非常明显,而且体验也好。相信很多人都有这个需求,只是都不会。今天就借着一款叫做cos-html-cache的插件,来实现把文章页面和首页都静态化到KVDB中。

废话不多说,实现纯静态之前需要做的:

1.启用KVDB

2.wordpress已经实现了伪静态

由于SAE是全分布式的,所以禁止了写入功能,所以移植的第一步就是把写入到本地的全部改写到KVDB中。分别有五处地方需要修改:

PHP代码
$kv=new SaeKV();
$kv->init();
$kv->set($path,$Content);
//if sql error ignore...
// $fp=@fopen( $path , "w+" );
// if( $fp ){
// @chmod($path, 0666 ) ;
// @flock($fp ,LOCK_EX );
// fwrite( $fp , $Content );
// @flock($fp, LOCK_UN);
// fclose($fp);
// }

把五处根据代码都修改为写入KVDB中即可,这里使用你的url作为存储的key。比如你的文章地址是:http://www.xtwind.com/pure-static-wordpress-page-to-kvdb.html 那么KVDB中对应的key也是这个。

但是这样还不行,你只是写入了KVDB,去访问的时候还得要读取出来,这时就需要配置rewrite了。在你应用的AppConfig中添加以下三行:

PHP代码

handle:
- rewrite: if ( %{REQ:REFERER} !="static" && %{REQUEST_URI} ~ "html$ ) goto "wp-content/plugins/cos-html-cache/static.php"
- rewrite: if ( !is_dir() && !is_file()) goto "index.php?%{QUERY_STRING}"
- rewrite: if ( path ~ "/(\s*)$ && %{REQ:REFERER} !="staticindex" ) goto "wp-content/plugins
/cos-html-cache/index.php"

注意的是,伪静态的规则一定要在另外两个规则的中间,不然很容易出问题的。

然后再到cos的插件目录,新建两个文件index.php和static.php,分别用来处理首页和文章页的重定向输出,写入以下代码:注意的是,伪静态的规则一定要在另外两个规则的中间,不然很容易出问题的。

然后再到cos的插件目录,新建两个文件index.php和static.php,分别用来处理首页和文章页的重定向输出,写入以下代码:

PHP代码

define("SUMMETA","<! --this is the first view page created at ".date("Y-m-d H:i:s")." by summer -->"); $kv=new SaeKV();
$kv->init();
$sitemap=$kv->get($_SERVER['SCRIPT_URI']);
if ($sitemap) {
header('Content-type:text/html; charset=utf-8');
echo $sitemap;
}else{
echo fetchUrl($_SERVER['SCRIPT_URI']).SUMMETA;
}
function fetchUrl($url){
$ch=curl_init();
curl_setopt($ch, CURLOPT_AUTOREFERER,0);
curl_setopt($ch, CURLOPT_REFERER, 'static');
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$ret=curl_exec($ch);
curl_close($ch);
if ($ret) {
return $ret;
}else{
return false;
}
}

上面的是static.php的,主要作用就是把KVDB中的内容输出,若不存在则向后端程序去请求页面,并且生成静态的到KVDB中。index.php的和上面类似,只要在get的键后面加上/index.html,然后把REFERER的值改为staticindex即可。

还有就是要注意,你的博客必须已经是伪静态的了,才可以使用该插件,不然是没有任何效果的。而且纯静态之后,文章的访问统计以及随机文章之类的都会失效的,解决办法就是使用javascript统计,然后使用ajax请求数据。

这样,就可以到后台去启用该插件了。那如何判定是否有生成静态页面的呢?可以在访问的时候查看源代码,拉到最底下看是否有生成一行插件的标记即可。

20150623更新

BUG描述:当网站有搜索功能时,由于搜索的时候是带有s参数的,而插件并未判断该参数,导致搜索时会一直循环跳转到首页

解决:加入判断即可

http://pan.baidu.com/s/1gdk4Op1

插件下载:WordPress静态化插件SAE版

文/丁向明

做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833

http://dingxiangming.com

一篇《WordPress 网站全方位速度优化:主机篇》讲的是关于WordPress 网站所在主机的设置,这次我们来讲网站内部臃肿导致加载变慢

还是上一篇那个例子,一个网站首页总大小,如果从3MB下降到1MB。即便是1M 带宽的主机,加载时间也会从25秒下降到8秒,也是很可观的。但是要给网站减肥可不是一件容易的事儿,我尽可能的详细介绍:

一个工具解析页面加载全过程

访客的浏览器从远程主机上抓取网页,先抓取首页的HTML 文件,然后再从 HTML 文件里提取出 CSS、JS、图片、视频等文件分别加载,有的 JS 和 CSS 里还会加载更多的 CSS、图片、视频。

有一个工具可以看到网页加载过程,比如:文件数量、加载顺序、每个元素的响应时间、明细等信息。谷歌Chrome浏览器自带的“检查”工具,火狐 Firefox 的FireBug 工具都可以完成以上的工作。此外360浏览器,Safari 浏览器,IE 新版本都集成了这个功能。(如图:minify是个 css 文件,大小426KB)

如果是咱们自己写的 HTML、CSS、JS 文件,可以轻易瘦身,自己熟悉代码哪里能优化,但 WordPress 主题的 HTML、CSS、JS 我们是无能为力,只能通过Gzip压缩解决。(如下图,经过 Gzip 压缩,minify 文件 从426KB变成了57KB)

给首页HTML、JS、CSS文件瘦身

Gzip是服务器或者虚机提供的一种组件服务,简单地说:Gzip开启后,从主机到访客之间传送的文件会被压缩处理,这样就会减小通过网络传输的数据量,提高浏览的速度。比如一个首页150KB,但是经过压缩真实传输大小是25KB。(如下图)

Gzip具体使用方法:主机不同调用方法也不同,有的是写.htaccess,有的是安装个插件,不管是那种,可以到 Chinaz 站长工具里面检测(网址:http://tool.chinaz.com/Gzips/)。比如小红公司的网站:www.jianzhan1.cn的 html 文件是150KB,Gzip 压缩之后变成26KB,然后在火狐里用 FireBug 检查首页果然是25.9KB。双重验证说明 Gzip 生效了。此外Gzip 对 CSS 这类文本类的文件也会压缩,比如有个CSS 文件是426KB,压缩之后是57KB。

上图为 ChinaZ 网站检查结果,我们也可以从其他网站看出Gzip 是否生效,另外也可以用浏览器检查工具检查 header 是否有 Gzip。

通常Gzip只会压缩 HTML 和 TXT 之类的文本文件,不建议用它来压缩图片,因为这样会增加服务器 CPU 的负担,还会增加图片的体积,具体原因大家百度一下。后面会说给图片瘦身。

图片优化:先了解图片种类和用途

网站上用的图片大概这么几种:1 头部Slider的背景图和前景图。2 产品和案例的图片。3 其他装饰图片。

不论什么图片,第一步先看宽高尺寸,大小够用就好,切忌贪大,尺寸越大,容量越大,下载越慢,特别是产品图,有的同学直接上传2000px宽的2MB 图片。(很多同学不了解常识)

此外图片还分透明图片和不透明图片:透明图比如说去掉背景的产品图,还有特殊字体的文字也需要做成透明图片,可以把他们放到背景图上。不透明的图片比如说背景图片和产品展示图等。

给PNG 透明图片瘦身的绝技

先说透明图片,常用PNG格式,当然 PNG 图片也有透明和不透明之分,还有8位和24位的区别。总而言之,透明图片我们用 PNG,但是 PNG 图片很大,解决办法是,到 TingPNG 网站优化压缩,网址:https://tinypng.com/,通常可以得到比较好的压缩比,图片质量几乎没变化。因为这种压缩是在线压缩,需要上传和下载,有点麻烦,但是一次麻烦终身受益。

给 JPG 图片瘦身秘籍

再说经常用到的JPG 图片,通常我们直接在PhotoShop 里修改,裁切大小,另存为 web 格式压缩,jpg 质量60左右。这个大家都会,我再分享个秘籍:“WP Smush”,这是一个 WordPress 插件,每次上传图片时会自动在线压缩,压缩比很高,质量损失很小,速度稍慢,绝对值得,一般人我不告诉他。

PNG 透明图和 JPG 图的究极压缩方法都是在线工具,小而精 小而美,这是他们的独门秘籍,不会轻易外传,在线提供服务也是一种保护。

给视频减肥

网站上用的视频通常有两种方式,一种是托管在视频网站,比如优酷,我们在自己网站上引用优酷视频的地址,通常会有优酷的标志或者广告。另外一种方式是把视频存放在本地主机上,我们主要说这种。这种视频往往容量很大,用户下载慢,使用时一定要注意。下面说说如何优化:

以小红建站公司网站首页为例,第一屏有个背景视频,1000kb码率的MP4格式,36秒,5.4MB,严重影响打开速度。压缩成384kb码率的webm格式视频后,变成1.4MB,但画质很粗糙,显得很low。最后把视频剪辑成22秒,压缩成512kb码率的webm是1.4MB,质量好些,在视频上覆盖一层灰色,遮住粗糙的视频,整体显得高档。

这样做还有个问题,IE11浏览器 和 微软Edge浏览器 不支持webm 格式的视频,这需要额外增加mp4格式的视频给微软的浏览器。访客浏览器如果是支持webm视频的谷歌等浏览器,网站直接给他看webm视频;访客如果是 IE 浏览器,网站会给他看 MP4视频。

同样22秒 512k的码率MP4也是1.4MB,但是质量差很多,不得不提升768k码率,视频质量和webm的512k码率类似。吐槽Edge浏览器,播放MP4的质量好差,同样一段视频比IE11差不少,马赛克严重。

以上是对站内HTML,CSS,JS,图片,视频的优化压缩,木桶理论的两块木板“主机提速”和“站内减肥”介绍完了,下集将是最后一集,讲谷歌这个“外患”,还有外链,缓存,调用系统中文字体微软雅黑,。

注:相关网站建设技巧阅读请移步到建站教程频道。