整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          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,圖片,視頻的優化壓縮,木桶理論的兩塊木板“主機提速”和“站內減肥”介紹完了,下集將是最后一集,講谷歌這個“外患”,還有外鏈,緩存,調用系統中文字體微軟雅黑,。

          注:相關網站建設技巧閱讀請移步到建站教程頻道。


          主站蜘蛛池模板: 国产萌白酱在线一区二区| 国产高清一区二区三区四区| 国产成人亚洲综合一区| 亚洲AV噜噜一区二区三区| 亚洲福利视频一区二区| 91精品福利一区二区| 久久中文字幕一区二区| 美女视频一区二区| 国产香蕉一区二区三区在线视频 | 日韩人妻无码一区二区三区| 亚洲AV成人精品日韩一区| 少妇精品久久久一区二区三区| 激情综合丝袜美女一区二区| 人妻互换精品一区二区| 亚拍精品一区二区三区| 一区二区三区观看免费中文视频在线播放| 国产一区二区三区国产精品| 国产SUV精品一区二区四| 久久久无码一区二区三区| 亚洲成AV人片一区二区密柚| 国产一区二区精品尤物| 亚洲av区一区二区三| 国产伦精品一区二区三区无广告| 亚洲欧美日韩一区二区三区在线| 久久亚洲一区二区| 久久久久久免费一区二区三区| 国产精品 一区 在线| www一区二区www免费| 一区二区免费国产在线观看| 国产精品成人99一区无码| 日本一道一区二区免费看| 狠狠做深爱婷婷久久综合一区| 精品无人乱码一区二区三区 | 亚洲影视一区二区| 久久99精品一区二区三区| 香蕉久久av一区二区三区| 无码人妻一区二区三区免费看| 九九久久99综合一区二区| 亚洲一区二区电影| 亚洲综合色一区二区三区小说| 精品一区二区三区东京热|