Swarmify 以前名稱為 Swarm CDN，是一家提供內容傳遞網路（Content Deliver Network，簡稱 CDN）服務的公司，針對影音及圖片加速分成幾種不同型態產品，其中有項專為 WordPress 網站加速的 WordPress Acceleration 免費方案，主要是讓網站圖片有加速及分流、減少流量效果，在載入頁面時能從更近節點來取得圖片，如果你的網站本身流量不大，想試試能否加快圖片載入速度的話，可以參考本文教學免費使用這項功能。

Swarmify 的 WordPress Acceleration 產品使用方法很簡單，它已在 WordPress 官方外掛資料庫上架，只要簡單下載、安裝於自己的 WordPress 網站啟用後就能發揮效果，跟 Jetpack 的 Photon CDN 模組類似，都只支援圖片分流，無法適用於其他格式。

根據 Swarmify 的外掛說明，他們是第一家使用 WebRTC 技術做點對點（Peer-to-peer，P2P）內容傳遞網路的公司，背後提供一個無縫的即時網路，當訪客瀏覽你的網站時，他們也會分流圖片給當前瀏覽網站的其他使用者，無須每次都從你的伺服器取得內容，因此可以節省頻寬流量開銷，達成讓網站圖片加速載入的效果。

如果你已經在使用其他的 CDN 服務，也能簡單加入 Swarmify。

網站名稱：Swarmify
網站鏈結：https://swarmify.com/
外掛下載：https://wordpress.org/plugins/swarm-cdn/ （WordPress）

使用教學

STEP 1

首先，登入你的 WordPress 網站控制台，從左側選單找到「外掛 -> 安裝外掛」功能，然後從右上角搜尋關鍵字「Swarmify」就能找到這個外掛功能，點擊「立即安裝」將它下載安裝於網站。

STEP 2

接著開啟 Swarmify 的 WordPress Acceleration 頁面，點選「Try Now」免費註冊，註冊時依序填入你的 Email、密碼、姓名和網址即可。

註冊後登入，點選上方的「Setup」來取得 Swarmify API Key，我們需要這一串 API 金鑰才能將網站的外掛功能連結到 Swarmify 並使用圖片加速功能。

回到 WordPress 控制台後，點選設定裡的 Swarmify ，將上一個步驟取得的 API Key 貼上，點選下方的儲存後就完成設定（記得 Enabled 要選擇開啟才能使用）！

如果你希望透過 Swarmify 服務來加速更多圖片，包括你在佈景主題或模版裡使用到的圖片，可以考慮勾選「Page Buffering」獲得更好效果，不過這項功能可能會跟部分外掛衝突，因此當你遇到任何問題時請先考慮停用這功能。

STEP 3

從 Swarmify 控制台可以看到目前圖片的加速、分流情形，紅色是你原本耗費的總流量，當開啟圖片加速功能後，綠色的是節省下的頻寬、黃色是直接從你伺服器取得圖片的流量，效果非常顯著。

如果你想知道更詳細的圖片分流情形，點選「Image Stats」功能可以找到，我們最主要只需要看最後面也就是 Swarm 為我們節省下來的流量部分。

STEP 4

另一個確認 Swarmify 有沒有運作的方式是檢視網站原始碼，在前幾行應該可以看到 Swarm 加入的相關參數及程式碼。

目前針對 WordPress 加速的 Swarmify 方案僅支援每月 10 GB 免費圖片傳輸流量，若超過的話必須付費升級流量，不過一般個人部落格其實不會超過這個限制，因此基本上可以完全免費使用！這項服務支援全世界 196 個國家，能達到從每個城市都能快速載入圖片的效果。

若你想針對網站整體加速的話，我建議可以參考以下幾篇文章：

• CloudFlare 架站者必備免費 CDN、DNS 託管服務設定教學
• Incapsula 免費網站 CDN 加速服務，降低伺服器負載，提升安全性
• CloudXNS 免費智慧型 DNS 代管服務，可依照來源地區解析

• 按一下以分享至 Facebook(在新視窗中開啟)
• 分享到 Twitter(在新視窗中開啟)
• 分享到 LinkedIn(在新視窗中開啟)
• 分享到 Pinterest(在新視窗中開啟)

推薦閱讀：

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步”網站設計“幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”

對於 Pseric 來說，平時更新免費資源網路社群比較少使用到自己拍攝的相片，大部分以擷取螢幕畫面為主，但如果是美食旅遊或攝影主題部落客，應該會很常需要帶著相機到處拍照，就我所知嚴謹的作者會先修圖再上傳使用，除了讓畫面更好看，有時也會加上浮水印或濾鏡，使相片能呈現出一貫風格，雖然我沒有修圖的習慣，但猜想這些過程勢必非常耗費時間。

WordPress.com 官方知道許多使用者都會透過 Adobe Lightroom 修圖，為了讓寫作工作流程更快更順暢，特別推出 Lightroom 模組讓使用者免費下載！只要下載、安裝 WordPress.com for Lightroom 外掛就能在修圖後選取相片、點選匯出，一鍵儲存到 WordPress 媒體庫作為你寫作時的素材使用。

對於使用 WordPress 自行架站（Self-hosted）的網站主來說，這個模組一樣適用，不過網站必須安裝 Jetpack 且正確連結至 WordPress.com 才行，Jetpack 是我推薦必裝外掛，包含以下幾個非常值得的功能：

• Photon 免費 CDN 圖片分流、加速服務，每個 WordPress 用戶都該開啟的外掛
• Jetpack Monitor 免費 24/7 網站監測服務，WordPress 無法連線自動發送提醒
• 啟用 Jetpack「單一登入」機制教學，讓你的 WordPress 網站更安全

另外，也能透過 WordPress 官方開發的桌面、手機版應用程式來寫作、閱讀和管理網站。

網站名稱：WordPress.com for Lightroom
網站鏈結：https://apps.wordpress.com/lightroom/

使用教學

STEP 1

開啟 WordPress.com for Lightroom 網站後，點選「Download」下載外掛功能，解壓縮後就能取得 Lightroom 模組，這個外掛模組支援 Windows 及 macOS 兩種作業系統。

STEP 2

接著開啟 Lightroom，從選單列找到「檔案」然後找到「模組管理功能」，點選左下角 Add 新增模組，選擇剛才下載、解壓縮的 WordPress for Lightroom 外掛檔案，就能將它加入你的軟體中，顯示名稱為「WordPress.com Exporter」。

STEP 3

當你使用 Lightroom 編輯修圖完後，點擊「Export」來匯出相片。

STEP 4

最上方的「Export To」就會多出一個新的「WordPress.com」選項，也就是剛才我們新安裝進去的模組提供的功能。

選擇將相片匯出至 WordPress.com，接著從底下第一個選項來連結、授權你的 WordPress 部落格，讓 Lightroom 可以透過模組將相片上傳至媒體庫。

從「Upload to:」選取你要上傳相片的部落格，前面有提到，如果你是使用 WordPress 架站的話，網站必須要安裝且啟用 Jetpack 外掛才能使用這項功能。

STEP 5

匯出時 Lightroom 左上角會有一個進度列，提示你目前正在將相片匯出至 WordPress。

上傳完成你就能在編輯器撰寫文章時於媒體庫使用修過的相片，是不是非常方便呢？假如你是透過 WordPress.com 應用程式寫文，這個工具會有縮減工作流程、節省時間的效果。但對於習慣使用離線編輯器（例如 Open Live Writer）寫文章的朋友來說，這類編輯器也會在發佈文章時自動上傳相片，其實兩者差異不大，端看你的寫作習慣和需求。

• 按一下以分享至 Facebook(在新視窗中開啟)
• 分享到 Twitter(在新視窗中開啟)
• 分享到 LinkedIn(在新視窗中開啟)
• 分享到 Pinterest(在新視窗中開啟)

推薦閱讀：

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置、套版網頁設計、台北網站改版設計、台北RWD響應式網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

（Copyright: thomaspajot / 123RF Stock Photo）

如果你有注意到，我很早以前就已將網站的 WordPress 內建留言功能徹底停用，不過礙於安全因素，還是保留 Jetpack 的 Akismet 外掛（畢竟很多垃圾留言不用透過表單就能將訊息塞進網站），若你也使用 WordPress 架站，無論有沒有開放留言，我都會建議直接把 Akismet 開啟常駐，這對於防護垃圾迴響和通告來說特別有用。

另一方面也可考慮使用第三方留言外掛來替代，或多或少能減少被垃圾留言侵擾的機率，最知名的 DISQUS 可整合內建留言，或是選擇即將被 Automattic 放生的 IntenseDebate，現在從 Jetpack 也能開啟另一款更強大留言系統，整合社群網站登入功能。

我最終選擇的是 Facebook 留言外掛程式，為什麼呢？一來免費資源網路社群主要訪客群在台灣，臉書在台灣的使用率很高，讀者可以不用輸入任何資料就加入討論；再者 Facebook 留言載入速度還算快，且能和 Facebook 粉絲專頁留言同步！

剛好最近有一些網站站長跑來問我：要怎麼樣才能讓網站裡的 Facebook 留言功能與粉絲專頁整合在一起？需要安裝什麼外掛嗎？其實設定方式很簡單，且無須額外安裝任何外掛，只要從臉書的留言工具設定將選項開啟，一勞永逸。

開啟 Facebook 粉絲專頁留言同步功能的優點是吸引更多人加入討論串，因為留言會同步顯示於網站及粉絲頁面，因此可觸及到的群眾也更多，依照臉書說法：可激發更多采多姿的討論，如果你也想開啟這項功能，照著本文的教學設定一下即可。

使用教學

STEP 1

首先，你的網站裡必須是使用 Facebook Comments 留言系統，假如你是 WordPress 架站的朋友，可以從 WordPress 官方外掛資料庫找到很多選項（例如 Facebook Comments），將它整合到網頁後再來進行接下來步驟。至於原有的留言功能要不要保留下來都可以，不影響留言的同步功能，不過也只有 Facebook 留言才會同步顯示。

當你把留言功能加入網站後開啟 Facebook Comments 管理功能，選擇你的應用程式後就能從這個頁面中找到所有的留言並進行管理，點擊右上角「設定」來開啟設定選項。

STEP 2

接著找到最下方的「留言同步」選項，勾選後將「鏡像到」設定為你的粉絲專頁，設定後別忘記按下儲存來保存設定。

STEP 3

依照我的經驗，Facebook 留言同步並不會立即生效，要等待一段時間才會逐漸被套用到所有文章頁面。要如何確定「留言同步」已經啟用呢？很簡單，粉絲專頁留言框底下會顯示一行小小灰色文字，表示「這則留言也將發佈至 free.com.tw」就代表完成同步設定。

當有任何使用者在網站文章下方或粉絲專頁的其中一邊留言時，留言也會同步、同時顯示於另外一個地方，包括 Facebook Instant Articles，非常方便，有一種好像留言討論很熱烈的錯覺，對於社群經營很有成效的朋友來說，這個方法或許也能使文章底下留言增添不少內容，也能激勵更多人加入留言討論串喔！

• 按一下以分享至 Facebook(在新視窗中開啟)
• 分享到 Twitter(在新視窗中開啟)
• 分享到 LinkedIn(在新視窗中開啟)
• 分享到 Pinterest(在新視窗中開啟)

推薦閱讀：

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

想要讓你的商品在網路上成為最夯、最多人討論的話題?

網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師”嚨底家”!!

對於使用 WordPress 架站的朋友來說，可能會很依賴內建編輯器寫文，雖然說不上好用，但至少可以滿足大部分需求，若習慣使用離線編輯器的話，之前介紹過 Windows Live Writer 替代方案「Open Live Writer 微軟最好用離線編輯器開放原始碼！支援 WordPress、Blogger 等網誌平台」也是一個非常不錯的選擇，假如你喜歡 WordPress 的編輯器介面，可考慮官方推出將閱讀器、離線編輯及管理合而為一的 WordPress 桌面版應用程式。

上週 WordPress 再次推出一項全新免費工具：WordPress.com for Google Docs！讓使用者可以將 Google 文件連結至你的 WordPress 部落格，直接於 Google Docs 平台撰寫或編輯文章，當然也能進行多人共同編輯協作，算是和內建編輯器很不一樣的部份。

當前這項功能只支援 WordPress.com 或任何已經連結 Jetpack 的網站。

WordPress 編輯器歷經很多次的修改，才有現在的樣貌，但很多人還是覺得使用上不是那麼順手，或許你可以試著在 Google Docs 寫作然後將它快速儲存至 WordPress，最終從網站端做最後修改、發佈內容。

網站名稱：WordPress.com for Google Docs
網站鏈結：從 Google 文件外掛程式商店下載

使用教學

STEP 1

首先，開啟「WordPress.com for Google Docs」在 Google 文件外掛程式商店上架的外掛功能，點擊右上角「+ 免費」來將它使用於你的 Google Docs，這部份跟下載 Google Chrome 擴充功能有一點類似，不過不用額外下載，只要完成授權就能使用。

STEP 2

第一次使用時 WordPress.com for Google Docs 會跳出要求同意的提示畫面，點擊「繼續」後會跳出授權畫面，必須按下同意讓此功能存取你的某部分資料。

STEP 3

授權後會開啟 Google Docs 畫面，點擊上方選單的「外掛程式」，找到 WordPress.com for Google Docs 後再點選「Open」來開啟這項外掛功能。

開啟後畫面右側會多出一個 WordPress 工具，第一次使用點擊「Authorize」授權讓 Google Docs 存取你的網站。

STEP 4

前面有提到，你的網站必須為 WordPress.com 或「已經連結 Jetpack」的自架 WordPress 才能使用這個外掛功能，登入後會出現你要連結的 WordPress 網站，選取並按下「Approve」後就完成授權驗證。

STEP 5

到這裡大致設定完畢！接下來可以開始使用 Google Docs 來寫文章，標題會對應到 WordPress 文章標題，內文部分如有加入樣式或圖片等等，儲存後都會一併發送到 WordPress 後台，其實就跟使用一般離線編輯器或內建編輯器寫出來的文章差不多。

當你完成寫作編輯後，記得點擊右側的「Save Draft」來將草稿同步保存到 WordPress，儲存後下方會多出一個預覽鏈結，可以連回網站來查看草稿。

假如你在 WordPress 後台編輯過文章，Google Docs 會很貼心提醒你這篇文章已經在網站部分修改過，如果繼續儲存的話就會覆蓋掉原有內容，避免不小心打開編輯而遺失部分段落。

STEP 6

最後，回到 WordPress 就能看到你剛才以 Google Docs 撰寫的內容囉！基本上格式兩邊應該都能共用才對，如果在 Google 文件插入圖片的話，將內容傳送至 WordPress 時就會同時上傳圖片到你的網站媒體庫。

Google Docs 只能作為文章編輯器使用，其餘的管理或發佈工具，還是得回到 WordPress 控制台來進行。

正因為你的圖片及大部分格式都會直接被帶往 WordPress 網站，省去複製貼上的時間，若你平常工作或生活很習慣使用 Google 文件並以 WordPress 架站的話，可以試試看這款官方開發的應用程式。

• 按一下以分享至 Facebook(在新視窗中開啟)
• 分享到 Twitter(在新視窗中開啟)
• 分享到 LinkedIn(在新視窗中開啟)
• 分享到 Pinterest(在新視窗中開啟)

推薦閱讀：

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步”網站設計“幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”

前幾天 Jetpack 在官方部落格宣布：WordPress.com 推出 165 個官方開發 WordPress 網站佈景主題，開放讓所有 Jetpack 使用者免費下載！無論你是使用 WordPress.com 部落格服務或自己架站都能使用，只是自架站者必須安裝 Jetpack 外掛、連結 WP 帳號才行。Jetpack 好處就不用我多說，之前介紹過幾個免費功能都值得一試，例如：

• Photon 免費 CDN 圖片分流、加速服務，每個 WordPress 用戶都該開啟的外掛
• Jetpack Monitor 免費 24/7 網站監測服務，WordPress 無法連線自動發送提醒
• 啟用 Jetpack「單一登入」機制教學，讓你的 WordPress 網站更安全

官方開發的佈景主題是我非常推薦使用的選擇，為什麼呢？除了兼具安全性及穩定性，官方佈景主題通常還有非常完整的設定選項，而且會持續維護更新，減少日後升級時佈景主題必須大幅改動的問題。當然優點不只這些，速度快、負載較低也是我喜歡官方佈景主題的原因。

這次 Jetpack 一口氣釋出 165 個 WordPress 官方佈景主題設計，對於自架站的站長們來說絕對是一大利多！除此之外還有部分付費佈景主題，價格不高，和網上其他付費佈景價格差異不大，如果不是非常必要，我認為這些就已經足夠使用。當然要如何修改、使它更符合自己的網站或部落格需求就得各憑本事。

之前 Jetpack 更新就加入 WordPress.com 管理功能，自架站者亦能透過外掛從第三方也就是 WordPress.com 來設定、管理網站，當你開啟自動更新功能後，外掛、佈景主題及核心部分都能夠自動偵測版本並在適當時間更新，亦能自行選擇開啟或關閉自動更新。而這次 WordPress 讓使用者可以遠端直接下載、安裝新的佈景主題。

網站名稱：WordPress.com Theme Showcase
網站鏈結：https://wordpress.com/design

使用教學

STEP 1

開啟 WordPress.com Theme Showcase 頁面（直接從上方網址連結進去），會看到類似下圖畫面，首先出現的就是所有 WordPress.com 佈景主題。

從右上角點選篩選功能，找到「免費」分類，來顯示所有免費的佈景主題項目。

透過篩選後就能找到所有 165 個 WordPress 官方釋出的免費佈景主題。

STEP 2

將滑鼠游標移動到佈景主題預覽圖上方，可以「即時示範」、「啟用」或者「試用」，不過介面跟 WordPress 原有的佈景主題安裝設定畫面不太一樣。

STEP 3

作者名稱為 Automattic 就是 WordPress.com 官方製作的佈景主題囉！從頁面可以看到包括預覽圖、介紹、支援功能及即時預覽，如果要在自己的網站部落格下載、啟用此佈景主題，請點擊中間的「啟用此設計」按鈕。

若你選擇的佈景主題不是免費佈景，旁邊會顯示價格。

接著從下方的「啟用網站」找到要安裝、套用佈景主題的 WordPress 部落格即可，當然前提是你必須在網站先安裝 Jetpack 外掛，然後完成連結 WordPress.com 帳號，也就是啟用管理後網站才會出現在這裡。

STEP 4

如果你沒有開啟 Jetpack Manage 也就是管理模組的話，會看到類似下方的提示畫面，必須啟用此模組才能讓 WordPress.com 管理你的佈景主題，否則就無法繼續。

當然你可以在開啟後下載安裝 WordPress 官方的佈景主題設計後再把這個模組關閉（不過我建議可以開著）。

啟用 Jetpack Manage 模組後未來就可以在 WordPress.com 集中管理所有的網站。

STEP 5

在套用佈景主題後 WordPress.com 會自動將相關檔案下載到你的網站，同時啟用新主題，還會出現快速自訂設計的鏈結（其實就是連結回你的 WordPress 控制台）。

STEP 6

如同前面所述，Automattic 開發的佈景主題都有非常完整的設定選項，例如支援自訂首頁、背景圖片、小工具、選單等等，使用上跟一般佈景主題差不多，只不過官方開發的佈景無論是速度或安全性都會好一些，如果你在架站時苦於尋找合適的佈景設計，可以從這 165 個官方主題去著手挑選。

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置、套版網頁設計、台北網站改版設計、台北RWD響應式網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

很多設計師都習慣使用 Mac 作為日常工作環境，除了在硬體外觀設計有所不同，更重要的是 macOS 方便的快捷鍵組合，幾乎各種常用應用程式都有所謂的快速鍵，只差在使用者知不知道、會不會用而已，如果會用當然可以節省許多時間。之前曾介紹過「CheatSheet 在 Mac 應用程式顯示完整快捷鍵列表」是相當好用的免費應用程式，可以在任何應用程式下快速顯示當前的快捷鍵組合列表，堪稱是查詢快速鍵的最佳工具。

本文要推薦的「Shortcuts.design」不是應用程式，它是一個類似於「小抄」的網站，能讓你快速查詢工作中常用軟體的快捷鍵及功能，目前網站收錄三大類程式：設計、開發及雜項，設計類目前有常見的 Sketch、Principle、InVision、Figma、Adobe Experience Design (XD)、Adobe Photoshop 、Adobe InDesign 和 Adobe Illustrator，開發類有 Sublime Text 和 WordPress，雖然數量還不算太多，開發者也承諾會持續更新。

Shortcuts.design 目的是將設計師會用到的所有相關應用程式快速鍵全部收錄在一個網站中，以更簡單明瞭的方式供需要的用戶查詢，當然很多功能都是一學就會，善用更可節省時間，可惜目前網站沒有提供英文以外的語言版本，但功能名詞不算太難，如果工作會常用到這類工具不妨將它加入書籤。

網站名稱：Shortcuts.design
網站鏈結：http://shortcuts.design/index.html

使用教學

STEP 1

開啟 Shortcuts.design 網站後，直接從首頁選擇要查找的應用程式類型，接著再點擊圖示即可查看該應用程式完整快捷鍵列表。

目前除了收錄一系列的繪圖軟體外，還有常用的 Sublime Text、WordPress 和 macOS 快速鍵。

STEP 2

我選擇比較多人會用到的 Adobe Photoshop 來做範例，點擊後會有一個介紹說明，不過大家應該都對 Photoshop 很熟悉了，應該也不用什麼介紹吧！

直接將網頁往下拖曳，就能找到完整的快捷鍵列表（這也是 Shortcuts.design 網站精隨），有些比較複雜的快速鍵組合還會有簡單描述，我的經驗是不可能將所有快速鍵背起來，但只要記住幾個比較常會用到的功能就夠了。

有人建議 Shortcuts.design 開發者應該將網站開放原始碼（Open Source），讓更多人可以加入，也有助於充實網站收錄的資訊量，雖然當前收錄的應用程式快捷鍵不多，但或許有朝一日它也能成為搜尋快捷鍵的第一站。

值得一試的三個理由：

1. 收錄設計、開發及雜項三大種類應用程式快捷鍵列表
2. 直接線上查詢無須額外下載或安裝軟體
3. 網站設計簡單，未來可能開放原始碼

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

我的習慣是在已上線、運作中的網站直接進行編輯修改，但其實不建議這麼做，一來如果修改的檔案很多，就必須逐步完成；另一方面當沒改好發生問題時，也會連帶影響到網站運作，因此現在許多主機商都有內建複製網站（Staging sites）功能，可以快速建立一模一樣的版本，就能在另一個測試網站進行修改、除錯，完成後再讓測試網站取代現有的網站，這麼做的好處是不用再耗費時間部屬相同環境，避免掉這中間可能因為某些程式不同而出現的其他問題。

本文要介紹的「Poopy.life」是一款很特別的免費服務，之前從沒介紹過類似工具，簡單來說，它就像部落格服務提供商（BSP），但使用者不用輸入一堆資料註冊，也沒有繁瑣的程式碼，只要幾秒鐘就能立即產生一個 WordPress 網站，而且也可以獲取最高管理員權限！這意味著無論在臨時網站上進行任何測試都不用擔心發生問題，包括安裝任何外掛和佈景主題。

Poopy.life 產生的 WordPress 網站可持續運作一週（7 天）時間，如有需要也可隨時在後台延長時間限制，值得一提的是 Poopy.life 可建立「沙盒」（Sandbox），讓其他人以你目前的環境再次建立一個新的測試網站！對於開發者來說確實非常有用。

如果你想使用一個全新的 WordPress 網站來進行外掛開發或佈景主題測試，那麼 Poopy.life 會很方便，至少不用再次都得自己建置新的環境，也無須從頭開始架站，不小心把網站玩壞了可以直接從頭開始。若你是完全沒接觸過 WordPress 的初學者，也能在這裡先探索、試用這個工具，再決定要不要選擇 WP 架站。

網站名稱：Poopy.life
網站鏈結：http://poopy.life/

使用教學

STEP 1

開啟 Poopy.life 網站後，直接點擊首頁中間那串鏈結「poopy.life/create」即可立即建立網站，根據說明，這是一款無限制安裝 WordPress 網站數量的免費服務，每次都能夠建立一個臨時、可複製的測試網站。

如果你需要 SSH/SFTP 或更改 PHP 版本等功能，還可以考慮付費的 Poopy Pro 服務。

點擊建立網址後，首頁出現「All done! Continue to your install」就能點擊來進入你的臨時網站。

STEP 2

進入 WordPress 控制台，其實就跟一般手動安裝 WordPress 差不多，只是預設為英文版，既然是多國語言，我們可以從左側的「Settings -> General」來找到網站語系（Site Language），將它修改為繁體中文即可將整個介面變成中文版。

回到控制台首頁，上方還會有你的登入網址、使用者名稱和密碼，臨時的 WordPress 網站會在你最後登入的七天以後自動刪除。

STEP 3

我們先點擊一下左側選單最下方的「Sandbox」，Poopy.life 主要功能都在這裡，包括可以延長、增加一週使用時間（免費）、查詢網站被刪除日期及建立一個沙盒模版。

什麼是 Sandbox Template 呢？簡單來說，當你把該裝的外掛、佈景主題及相關工具都設定好，如果希望能從測試的環境中「再次」建立一個測試環境，就能點擊「Create Sandbox Template」來複製一個一模一樣的網站。點擊按鈕後會產生鏈結，透過該鏈結即可建立一模一樣的環境。要注意的是沙盒模版也是具有期限的，必須在期限內使用或刪除。

STEP 4

試著以系統管理員權限線上安裝外掛，除了從 WordPress 官方外掛資料庫獲取，也能以 Zip 格式將外掛上傳。

當然佈景主題也沒問題！如果想編輯的話，還能透過主題編輯器進行程式碼的編寫修改。

STEP 5

下圖就是我透過 Poopy.life 建立的臨時 WordPress 網站，看起來是不是有模有樣呢？如果你想將已有的內容匯入，透過 WordPress 匯入匯出工具即可，幾乎可以說完全不用從頭到尾佈署環境，也能快速投入測試或開發。不過我認為最棒的是不用擔心把網站玩壞，即使無法從控制台復原，只要重新建立一個臨時網站即可。

值得一試的三個理由：

1. 快速建立臨時 WordPress 網站，可作為測試或開發環境
2. 具備最高管理員權限，能自由安裝外掛或佈景主題
3. 在現有網站建立沙盒模板，快速複製現有網站狀態

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨，RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置、套版網頁設計、台北網站改版設計、台北RWD響應式網頁設計，各種案例分享

廣告預算用在刀口上，網站設計公司幫您達到更多曝光效益

Copyright:
gilc / 123RF Stock Photo

免費部落格服務因為有相當好的 SEO（搜尋引擎最佳化）效果，因此經常被拿來濫用，例如每次搜尋開箱文、產品介紹總會找到一堆看似有用的內容，實際上是各種文字拼拼湊湊，主要還是用來賺取使用者購買產品的「導購分潤」（Affiliate）；另一種更惡質的用法，張貼許多不實指控，讓搜尋人名都會出現滿滿辱罵和毀謗內容，雖然可到警局報警處理，但處理時間可能冗長，這段期間就會對當事人造成很大的傷害。

其實這些平台都設有「檢舉濫用」（Abuse Report）功能，只是對於網路不那麼了解可能不知道應該怎麼處理，就我在 WordPress 擔任 Locale Manager 時收到不少類似申訴，多半都是涉及毀謗、不實內容指控，後來乾脆寫一篇教學教大家如何自行申訴，若你或身邊朋友遇到類似情形，就知道應該如何找到正確管道交給官方團隊審查。

另外，在 WordPress Taiwan 正體中文的教學文章中，也有提到以關鍵字毀謗特定人士的案例，最終也透過相同的回報機制成功解決問題。如果你想處理在 Google 或平台出現的濫用問題，其實都設有檢舉頁面，只要以類似方法就能夠提交申訴。

延伸閱讀：

• 發現網路釣魚、詐騙或惡意網站，如何向 Google 提出檢舉、封鎖？
• 當個人隱私資料出現在 Google、Yahoo 頁庫存檔或 Facebook 時，如何請求刪除？
• Google 商家被留負評該檢舉刪除？或許業主更該做的是回應疑慮

網站名稱：WordPress.com Abuse Report
網站鏈結：https://en.wordpress.com/abuse/

使用教學

STEP 1

如果你要檢舉濫用的網站是以 WordPress.com 架站（WordPress 不等於 WordPress.com，詳細差異可參考這裡），那麼應該會看到右下角有個「關注」按鈕，點選關注右邊的選單，再點選「回報此內容」功能。

放大來看選單就長這樣。如果你要檢舉的網站確定是以 WordPress.com 架站，但沒有看到右下角的選單，那也沒關係，直接開啟：https://en.wordpress.com/abuse/ 頁面。

STEP 2

接著會看到「Report content to WordPress.com staff」功能，在這裡要填寫你的 Email、要回報濫用的完整網站網址（其實只要首頁網址即可），下方有幾個檢舉類型：

• 這個內容是垃圾內容。
• 這個內容應該被標記為成人內容。
• 這個內容是濫用、毀謗內容。
• 這個內容涉及暴力。
• 這個內容顯示出作者可能有自殘的風險。
• 這個內容侵犯我的版權。
• 這個內容包含我的個人隱私資訊。

在涉及毀謗或不實指控內容時我會選擇「This content is abusive」，但可依照你遇到的實際情形選擇，總之就是要回報濫用的網址必須填寫正確，否則官方是無法受理的。

STEP 3

當我選擇「This content is abusive」後，WordPress.com 會要求使用者詳細說明這個網站違反 WordPress 使用者條款或用戶指南的原因，必須以英文填寫，如果不知道如何填寫，可使用 Google 翻譯將內容翻成英文，如此一來就可以提交給 WordPress 官方團隊。

不過網站也寫道，雖然每一份報告都會有真人審核，但使用者不一定會收到回覆。依照之前經驗，大約一週內可以處理完畢。

免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

想要讓你的商品在網路上成為最夯、最多人討論的話題?

網頁設計公司推薦更多不同的設計風格，搶佔消費者視覺第一線

不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師”嚨底家”!!

每次建立一個全新 WordPress 網站進行測試前，總得先部署適合開發的環境，以往我都是使用 WordPress 官方提供的佈景主題開發測試範例元件（Theme Unit Test），能快速匯入一堆測試內容（也就是範例內容），這個範例檔其實藏得非常隱密，如果平常沒有閱讀說明文件的習慣可能很難馬上找到，後來我又陸續發現其他適用於 WordPress 的範例測試檔案，若你有開發上的需求，想要填充內容到新網站，可以試試看其他人準備好的檔案。

本文要介紹的「WP Test」從字面上的意思就知道是用於 WordPress 的測試資料，後來被新的擁有者收購成為 Post Status Labs Project ，WP Test 是一套非常詳盡、完整的測試檔案，可以作為開發外掛和佈景主題使用，它以 Theme Unit Test 為基礎，結合超過四年的課程經驗匯集而成的一個測試內容。

在 WP Test 中收錄各式的範例內容，包括各種文章、分類、標籤、媒體庫、頁面、迴響、選單和帳號等等，只要透過 WordPress 匯入工具匯入 .xml 檔即可快速建構出充滿各種測試內容的網站。值得一提的是 WP Test 開放原始碼，資料部分會隨著時間不斷更新，以符合各種版本階段的開發需求（不像 Theme Unit Test 可能很少更新），亦可透過 WP-CLI 指令列模式快速安裝測試內容。

網站名稱：WP Test
網站鏈結：http://wptest.io/

使用教學

STEP 1

首先，先從 WP Test 網站點選「Download」下載封裝好的測試檔，解壓縮後有一堆資料，我們只需要其中的 wptest.xml 檔案即可。

點選左側「工具」中的「匯入」，找到 WordPress 匯入器，點選「立即安裝」。

STEP 2

安裝好匯入器後，別忘記「啟用匯入器」，這功能最初內建於 WordPress，後來改以外掛方式下載安裝，使用後可以從外掛頁面將它停用、完整刪除。

STEP 3

接著在 WordPress 內容的頁面中，點選「選擇檔案」然後找到剛才下載的 wptest.xml，選好後點選下方的藍色按鈕，會將文字部分內容匯入。

STEP 4

匯入作者頁面不要做任何更動，匯入前別忘記勾選「下載並匯入檔案附件」才不會讓某些圖片或媒體檔案無法看到，匯入時需要一段時間，請不要把分頁關閉，等待匯入工具跑完。

出現全部完成的提示訊息後就能返回控制台。

STEP 5

你會發現原有的 WordPress 多出很多文章，這些就是 WP Test 提供的範例內容，可以測試各種文章、不同佈景主題樣式的呈現效果，包括橫式和直立圖片、藝廊、Twitter、特色文章和摘要等等。

媒體庫裡也會匯入許多圖片，用以開發測試版面設計。

STEP 6

回到 WordPress 前台，這些預設好的內容就會依照你的佈景主題設計而變得不同，比較特別的是在 WP Test 也有提供測試用的選單，包括長選單及空白選單，如果你想在 WordPress 開發佈景主題或外掛，可能會需要填充一些內容進去測試，那麼 WP Test 就會很有用，可惜這些內容仍是以英文為主。

因為已經用不到了，匯入後別忘記到「外掛」功能中把 WordPress 內容匯入程式停用、刪除，這就是最簡單最基本的 WP Test 使用方法。

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步”網站設計“幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”

Copyright : dolphfyn / 123RF Stock Photos

幾天前在「CommentBox.io 沒有廣告、不追蹤用戶隱私的網站留言系統」一文有提到當今網站或部落格使用的幾種留言服務，而目前最多網站使用就屬 Facebook Comments 臉書留言外掛程式，可透過幾行程式碼快速串接，也不用自己建置相關系統或資料庫，整合使用者的 Facebook 帳戶在管理上更容易，我在幾年前就已經將 WordPress 內建的迴響功能關閉並替換為臉書留言外掛，在資源耗用和安全性方面更為理想。

雖然 Facebook Comments 速度還算快，但對於網頁載入時間也會有些影響，一開始我只把這段程式碼擺在文章頁面下方，後來發現每次打開網頁、不管有沒有要留言都會花時間載入 Facebook 相關 .js 檔，於是就研究了一下應該怎麼改善這個問題。

預設的 Facebook Comments 外掛程式沒有延遲載入，也就是每次開啟網頁只要有這段程式碼就一定會載入留言功能，因此可以加入一個判斷視窗高度的參數，當拖曳到留言框位置時才會載入相關檔案。這段程式碼修改自 Lazy Facebook Comments Plugin，原本使用於 Ghost，但稍微調整一下後 WordPress 也可使用，而且不用額外安裝外掛。

使用教學

STEP 1

首先，你必須先去 Facebook 自行建立一個新的應用程式，然後獲取應用程式 ID，這部分我就不多做介紹，網路上已經有很多完整教學，也或許你本身已經在網站上安裝過留言功能。

為了讓 Facebook Comments 具有留言審核工具功能，要在網頁的 前加入這兩行宣告代碼，同時將 YOUR_FACEBOOK_USER_ID 設定為你的臉書使用者 ID，YOUR_APP_ID 設定成應用程式 ID ，這部分通常可以從佈景主題的 header.php 檔案進行修改。

STEP 2

接著打開佈景主題 single.php（或相關檔案），找到跟迴響相關的程式碼片段，例如：comments_template() ，將它完整移除以關閉內建留言功能。複製以下程式碼貼上，以 Facebook Comments 作為預設的留言工具。

這邊要注意的是 YOUR_APP_ID 必須改為你的應用程式 ID，同時確認 sdk 版本是否過時，如果直接使用這段代碼，已有 Lazy Load 也就是延遲載入的功能內建其中，而獲取留言的方式是使用該頁面的固定網址。

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步”網站設計“幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

評比前十大台北網頁設計、台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多，該如何挑選?? 網頁設計報價省錢懶人包”嚨底家”