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)
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 圖片也有透明和不透明之分,還有8位和24位的區別。總而言之,透明圖片我們用 PNG,但是 PNG 圖片很大,解決辦法是,到 TingPNG 網站優化壓縮,網址:https://tinypng.com/,通常可以得到比較好的壓縮比,圖片質量幾乎沒變化。因為這種壓縮是在線壓縮,需要上傳和下載,有點麻煩,但是一次麻煩終身受益。
再說經常用到的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,圖片,視頻的優化壓縮,木桶理論的兩塊木板“主機提速”和“站內減肥”介紹完了,下集將是最后一集,講谷歌這個“外患”,還有外鏈,緩存,調用系統中文字體微軟雅黑,。
注:相關網站建設技巧閱讀請移步到建站教程頻道。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。