讓 Google Docs 成為你的 WordPress 文章編輯器!支援多人協作一鍵同步貼文

對於使用 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,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

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

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

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

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

165 個 WordPress 官方開發佈景主題設計 Jetpack 使用者免費下載

前幾天 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響應式網頁設計,各種案例分享

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

15 個設定 WordPress 網站的程式碼整理,加入 wp-config.php 就能使用

本文參考資料為 15 wp-config Snippets to Configure Your WordPress Site, 原作者 Preethi Ranjit。

現在遇到想架站的朋友,我都二話不說直接推薦使用 WordPress,大家都知道 WordPress 分成兩種:WordPress.com 和 WordPress.org(或被稱為 Self-hosted),前者如同 Blogger 是一個免費網誌平台,後者則是開放原始碼程式,必須搭配網域名稱和虛擬主機才能夠把網站架設起來。每次搬家轉換都會有所損耗,無論是時間、金錢或好不容易累積起來的流量及搜尋引擎最佳化成績,還是那句老話「長痛不如短痛」,最好能一開始就把方向設定清楚。

之前陸續寫過一些 WordPress 相關的書籍,趁機打個廣告,如果你想學習 WordPress 自架站的話,可參考我翻譯的《WordPress 無敵架站手冊》,有非常完整全面且循序漸進的章節規劃,對於探索 WordPress 來說是個相當適合入門的書籍。

我也利用空檔寫了一些可讓 WordPress 網站變得更快、更安全的教學主題,包括:

  • 殺手級 WordPress 體檢項目:101 個建立新網站的超簡易捷徑!
  • 11 個強化 WordPress 網站安全的 .Htaccess 設定技巧
  • 8 個實用的 WordPress 程式碼(Code Snippets)
  • 安裝 WordPress 後你應該做的 25 件事

WordPress 最為人津津樂道的是安裝過程非常簡單!如果夠熟悉的話甚至可以在幾分鐘時間快速部屬一個網站,即使如此,WordPress 仍具有相當高的彈性,可透過程式碼來調整網站各項設定。

有些設定參數不一定每個人都知道,本文要介紹的 15 個程式碼都是使用於 WordPress 設定檔(wp-config.php)中,不過有些跟之前我寫過的教學重複,但沒關係,若是需要就直接把它複製到自己的設定檔吧!以下我會就這十五個項目做更詳細的說明。

本地化及編輯你的 wp-config

當你下載 WordPress 後,wp-config.php 檔案並不會在安裝資料夾。但你可以找到一個名為 wp-config-sample.php 的範例檔,你必須將它複製、重新命名為 wp-config.php,然後加入基本的資料庫連線資訊(資料庫名稱、使用者名稱、密碼、網址及安全金鑰)。

如果你的主機商提供 Softaculous 或類似的自動化安裝工具,那麼安裝過程會自動處理這些必要步驟,因此你在以 FTP 連線至你的伺服器時將會看到 wp-config.php 和 wp-config-sample.php 同時存在於根目錄。

請注意,設定順序很重要,因此請不要重新排列。如要編輯 wp-config 請務必使用程式碼編輯器(例如:Sublime Text、Atom、Notepad++、Visual Studio Code 或 TextMate),使用 Word 及其他類似編輯器(例如:Microsoft Office、Google Docs、LibreOffice)將會破壞你的檔案,千萬別用它們來編輯程式碼。

保存在 wp-config 的設定值會覆蓋資料庫設定值,以防止兩種設定類型同時存在。

這些程式碼要放在那裡?

在這篇文章中,你會找到 15 個可放在 wp-config.php 設定檔裡的程式碼。

大多數情況下這些設定選項並不存在於 wp-config 中。如果你想使用它們,必須將它複製並新增到 <?php 標籤及代碼註解之後,或是 MySQL 設定值之前

1. 開啟 WP 除錯工具(Debugger)

你可以在 wp-config 設定檔內開啟或關閉 WordPress 除錯工具。下面要介紹的第一個程式碼預設情況下已經存在於 wp-config.php(在資料庫設定底下),但預設值為 false。如果要將除錯工具開啟,將設定值設定為 true

第二段程式碼是開啟前端除錯工具,允許你針對 CSS 和 JavaScript 程式進行除錯。只在開發中的網站下使用除錯工具。

 

2. 更改資料表前綴

預設情況下 WordPress 使用 wp_ 作為資料表前綴。如果你想要提高安全性,可以選擇一個更複雜的資料表前綴。

此選項預設也存在於 wp-config 設定檔中,你只要將 $table_prefix 變更成其他值就能獲得更好的安全性。

不過這只有在一個全新安裝開發網站才可變更,在運作中的網站更改這個參數會有風險。

 

3. 更改 WordPress 網址

你可以在 WordPress 控制台的「設定 -> 一般」裡設定 WordPress 和網站網址。此外,你也可以在 wp-config 設定檔裡設定這些網址。

在 wp-config.php 裡定義 WP_SITEURL 和 WP_HOME 有兩個原因:

  1. 如果因為某些原因無法存取控制台,這個方法有可能解決問題。
  2. 減少網站載入時呼叫資料庫的次數(因為 wp-config 會覆蓋資料庫相同選項)。

WP_SITEURL 指定使用者連結到你網站的網址,WP_HOME 則是 WordPress 安裝目錄。如果你將 WordPress 安裝於根目錄(這是預設選項),那麼這兩個設定值會相同。

 

4. 在一段時間後清理回收桶

你可以讓 WordPress 在一段時間後自動清理你的回收桶。這個選項最小值為 0,在這情況下會停用垃圾桶功能。

 

5. 啟用 WordPress 快取

你可以啟用 WordPress 內建快取功能,只要加入以下程式碼。大多數快取外掛,例如 W3 Total Cache 和 WP Super Cache 都會自動將這段程式碼加入 wp-config 設定。

 

6. 啟用 WordPress 多網站(Multisite)

在你的 wp-config 設定檔加入 WP_ALLOW_MULTISITE 可啟用 WordPress 多網站功能,讓你建立一個網誌網路

 

7. 重新導向不存在的子網域和子目錄

有時候訪客會在網址列輸入一個不存在的子網域名稱或子目錄。你可以將這些訪客重新導向至正確的網域名稱,例如加入 NOBLOGREDIRECT 參數來重新導向到網站首頁。

 

8. 管理文章版本

WordPress 有內建的版本控制系統,意味著它可以儲存你建立的所有文章版本。一篇頻繁更新的文章可能會有 25-30 個文章版本,一段時間後這會佔用大量的資料庫空間。

使用 WP_POST_REVISIONS 參數可以設定文章版本的最大數量,或將此功能完全停用。

 

9. 啟用內建資料庫最佳化工具

WordPress 有內建的資料庫最佳化功能,你可以將以下程式碼加入 wp-config 來啟用它。

如果想知道這個工具的詳細運作原理,可參考國外使用者的文章介紹(英文)。不過更重要的是資料庫最佳化畫面會被所有人看見(即使是沒有登入的訪客)。因此建議只在需要時啟用,而且使用後別忘記將它關閉。

 

10. 停用自動更新

WordPress 預設情況下會執行自動背景更新,主要針對重要安全性更新翻譯內容

你可以透過 AUTOMATIC_UPDATER_DISABLED(所有更新)和 WP_AUTO_UPDATE_CORE(核心更新)將這項功能開啟或停用。

 

11. 增加 PHP 記憶體限制

有時候你希望可以增加主機商對你網站的 PHP 記憶體限制,特別是出現可怕的「Allowed memory size of xxxxxx bytes exhausted」訊息。對網站的記憶體限制可以使用 WP_MEMORY_LIMIT 參數調整,WP_MAX_MEMORY_LIMIT 則針對控制台。

請注意,有些主機商不允許手動增加記憶體限制,遇到這種情形時請聯繫他們尋求協助。

 

12. 強制 SSL 模式登入

如果想增強網站安全性,你可以強制每次都使用 SSL 進行登入FORCE_SSL_ADMIN 參數可以針對登入頁面控制台開啟完整的 SSL 加密支援。

請注意,WordPress 4.0 後已經棄用 FORCE_SSL_LOGIN,現在必須使用 FORCE_SSL_ADMIN 。

 

13. 停用外掛和佈景主題編輯/更新

管理員可以在 WordPress 控制台編輯外掛和佈景主題檔案。如果你使用 DISALLOW_FILE_EDIT 來停用外掛和佈景主題編輯器,有助於讓你的網站更安全。所以,若你的網站遭到入侵,駭客將沒有權限存取你的外掛和佈景主題檔案。

你也可以使用 DISALLOW_FILE_MODS 來停用外掛和佈景主題更新功能。這麼一來管理員就無法在控制台更新外掛和佈景主題。

DISALLOW_FILE_MODS 也會停用外掛及佈景主題編輯器,所以如果你啟用這項設定,就不用再額外加入 DISALLOW_FILE_EDIT

 

14. 刪除圖片編輯

每當你編輯圖片時,WordPress 會將它儲存成不同解析度大小的圖片。但是,如果你不想使用早期的圖片集,可以將 IMAGE_EDIT_OVERWRITE 設定為 true 來移除他們。

如你所見,當你編輯圖片時,較早的圖片將會被新圖片覆蓋,只有最新的圖片會保存於 wp-content 資料夾。

 

15. 停用未篩選的 HTML

這裡我要稍微解釋一下,什麼是「Unfiltered HTML」呢?以中文來說就是未被篩選的 HTML,為了有更好的安全性,WordPress 不允許等級較低的使用者帳戶(訂閱者、寫手或作者)發佈未篩選的 HTML 語法(這些語法在寫入編輯器、儲存後會自動消失),然而編審和系統管理員是允許使用這些標籤的。

如果你想將安全性提高,禁止更高等級的使用者使用未篩選的 HTML 語法,可以將以下程式碼加入到 wp-config 設定檔。

 

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

【精選推薦文章】

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

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

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

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

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

Shortcuts.design 將設計師會用到的應用程式快速鍵收錄在一個網站中

很多設計師都習慣使用 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,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

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

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

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

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

Poopy.life 快速建立 WordPress 測試環境,可安裝外掛和佈景主題

我的習慣是在已上線、運作中的網站直接進行編輯修改,但其實不建議這麼做,一來如果修改的檔案很多,就必須逐步完成;另一方面當沒改好發生問題時,也會連帶影響到網站運作,因此現在許多主機商都有內建複製網站(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響應式網頁設計,各種案例分享

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

使用 Cloudways 架設 WordPress 網站教學,快速部屬最佳化環境

三月初看到一則新聞:奧地利顧問公司 Q-Success 針對全世界網路流量排名前一千萬的網站進行調查,WordPress 市佔率 60.2%,整體網路更有高達三成網站使用 WordPress!這是非常驚人的數字。WordPress 會如此深受使用者喜愛可歸功於社群龐大的佈景主題和外掛資源,有更多第三方服務應運而生,當然程式本身也因為開源、加入全世界自願者的力量,相輔相成使 WordPress 更臻完美。

WordPress 分為兩種:自行架設 WordPress 或註冊 WordPress.com,通常我們會選擇前者以擁有更高的自由度和可自訂性,技術門檻及成本也相對會高一些。之前已經寫過不少架設 WordPress 網站的詳細教學主題,包括:

  • 使用 Google Cloud Platform 雲端主機免費版架設 WordPress 教學
  • 亞馬遜 VPS 服務 Amazon Lightsail 搭配 ServerPilot 架設 WordPress 教學
  • 從 Blogger 自訂網址搬家到自架 WordPress,六步驟不求人教學
  • WordPress Hosting 架站空間精選,最多人推薦的五個國外虛擬主機方案

本文想來介紹一家我認為相當適合 WordPress 架站者使用的網站空間,相信曾研究過架站的朋友應該聽過「Cloudways」,如果將它定義為虛擬主機、VPS 其實都不盡正確,以更準確的說法,Cloudways 是一家幫你最佳化網站主機的服務商(和 ServerPilot 比較接近),本身並不直接營運主機空間,而是和其他更專業的主機商合作,透過 Cloudways 最佳化後的環境將會更安全、效能表現更好。

Cloudways 目前支援幾個很常見的 VPS 和雲端主機服務,包括:DigitalOcean、Linode、Vultr、Google Cloud Platform(GCP)、Amazon Web Services(AWS)和 Kyup,Linode 是前段時間新加入的,你可能會問:我能以更便宜價格向這些主機商直接租用空間,為何還要被 Cloudways 多賺一手?

這就要重新討論 Cloudways 本質,Cloudways 可以幫助使用者更快速建構出一個穩定快速且高效能的環境,從網站首頁可以看到這張圖,它使用 Apache + NGINX 作為主要網頁伺服器,搭配上 Varnish Cache、PHP-FPM、Memcached、Redis 等快取功能,如果你使用的是 WordPress、Joomla、Magento、Drupal 等在支援範圍內的程式,還可透過 Cloudways 安裝最佳化版本,讓它在環境中得以運作得更順暢。

不過要注意的是 Cloudways 並不提供伺服器最高權限(root),它會完全幫使用者代為管理主機,包括一些安全性更新、修復升級,讓我們可以更專注於管理網站,省去處理技術問題的麻煩,尤其對於沒有技術背景的使用者來說,多投入一些預算選用 Cloudways 相對來說會更安全可靠,若碰到問題也有 24/7 全年無休的線上支援可以獲得協助。

那麼 Cloudways 要如何計價呢?跟一般虛擬主機一樣都是按照主機規格計費,不同的是會依照你選用的主機服務、主機位置而有不同價格,簡單來說就是「Pay-as-you-go」用多少算多少,計費單位最小為每小時,付費方式為信用卡或 PayPal。

以下我會示範如何以 Cloudways 搭配主機服務來快速架設你自己的 WordPress 網站,真的非常簡單,而且不用幾分鐘時間,Cloudways 控制台提供非常直覺且易於操作的環境,目前它也針對新註冊用戶提供「免費試用」,無須準備信用卡,只要註冊就能開始架站。

網站名稱:Cloudways
網站鏈結:https://www.cloudways.com/en/ (推薦鏈結)

使用 Cloudways 架設 WordPress 完整教學

免費註冊 Cloudways 帳戶

STEP 1

首先,我們必須先從 Cloudways 取得一個帳戶,可直接使用 Google、Github 或 LinkedIn 帳號登入,或是輸入 Email、設定密碼獲取帳號,要注意的是如果你之後想要使用第三方帳戶一鍵快速登入,必須在註冊時就先以此方式來登入,未來無法再加入。

STEP 2

我在註冊時遇到一個狀況,Cloudways 提醒我必須開啟線上交談(Chat)功能才能獲取我的權限。以往是註冊後只要直接收取 Email 驗證信就能啟用帳號,我不確定為什麼碰到這個狀況,如果你也遇到相同訊息,可照著以下步驟操作。

開啟右下角的 LiveChat 功能,輸入你的名稱、Email(剛才註冊使用的 Email),相關部門選擇「Sales (Online)」然後選擇身分為 New Customer,在啟用線上交談後,告知對方你想試用 Cloudways 並詢問能否開啟帳號即可,當客服人員收到後會詢問你相關資料,如果沒有問題就能從 Email 收到驗證信。

以 DigitalOcean 建立第一台網站主機

STEP 1

進入 Cloudways 控制台,先點選右上角「Add Server」按鈕建立新的伺服器。

部屬新的伺服器前 Cloudways 會讓你選擇要使用的應用程式,在這裡選擇 WordPress,這就是 Cloudways 最佳化後的版本,會預先安裝必要的外掛功能。如果你傾向使用純淨版本,可選擇「Clean」也就是從官方網站直接取得的程式。

STEP 2

接著需要設定你的應用程式名稱、伺服器名稱和專案(Project),一切就緒後就能選擇你要使用的主機服務商,在這裡我只總結 DigitalOcean、Linode 和 Vultr 這三項 VPS 服務,如果你預算足夠或有其他考量,考慮使用 AWS 或 GCP 以獲取更好的速度。

AWS 和 GCP 計價方式就有些不太一樣,不同於 VPS 並沒有流量使用上限,會依照你當月使用的流量多寡計價,而且不同地區的流量價格也不相同。

以價格來說,DigitalOcean 最便宜、Vultr 次之、Linode 會稍微再貴一些,若你的主要訪客在台灣,選擇東京和新加坡節點會獲得最快速度,只有 Vultr 和 Linode 有東京節點,但三家都有新加坡節點。

Linode 有東京節點,Vultr 也有,從台灣連線速度相當優異,想維持最低預算建議選擇 DigitalOcean 的新加坡節點,每個月價格為 $10 美金。

STEP 3

要如何知道各個伺服器方案規格呢?將滑鼠游標移動到 Server Size 上方就能看到,包括記憶體、硬碟容量、流量和 CPU 核心數量,拖曳後會即時在下方顯示每小時或每月價格。

STEP 4

我們在這裡直接選擇 DigitalOcean 最低方案,同時使用從台灣連線回應速度較快的新加坡節點做為範例,選好後按下右下角「Launch Now」開始建立伺服器和部屬程式。

Cloudways 會告訴你大約剩下多少時間才會完成,在此之前可先使用其他功能,但無法進入伺服器的控制台畫面。

在 Cloudways 快速安裝最佳化的 WordPress

STEP 1

當伺服器建立完成後,前方指示燈轉為綠色,點選進入主控台。

最重要的項目應該是伺服器的 Master Credentials,包括主機的 IP 位址(稍後用於網域名稱對應,設定在 DNS)、帳號密碼,登入資訊部分是用於 SFTP 和 SSH 連線,前面有提到 Cloudways 不會給最高權限 root ,因此在這裡的帳號密碼就是主機的連線資訊。

如果要將網域名稱對應到 Cloudways ,只要加入一個 A 記錄、指向 Public IP 。別忘記到應用程式設定裡將「Domain Management」加入你的網域名稱,雖然下方有個指示讓使用者把網域名稱對應到某個 CNAME 記錄,但 CNAME 無法用於裸域名(Naked domain),因此使用 IP 做為 A 記錄會比較妥當。

STEP 2

在 Cloudways 大部分的選項都可透過控制台設定,我的習慣是先從「Settings & Packages」裡選擇 PACKAGES 功能,將 PHP 升級到 7.0 或 7.1(目前預設就是 7.0),可以有更好的速度、安全性和效能。除此之外,我也會將 MySQL 改為「MariaDB 10」。

這些操作需要一點時間安裝下載和更新,不過 Cloudways 可以全自動完成,如果你在操作過程中遇到錯誤,通常只要重新再操作一次就能通過。

STEP 3

Cloudways 的設計是將伺服器和應用程式拆開為兩部分,如果要進行系統設定,可以從上方選單找到「Servers」;若是跟程式相關的選項則從「Applications」畫面中操作。

接下來我們就進入 Application Management ,找到 Cloudways 幫我們安裝的 WordPress 相關資訊,從 Admin Panel 可以找到 WordPress 控制台登入網址、使用者名稱和密碼,這是預先建立的管理員帳號,當然也能在登入後刪除、修改成其他帳號。

STEP 4

預設情況下登入 WordPress 會是英文版,從「設定」將語系更改為正體中文。

Cloudways 最佳化的 WordPress 預設就已安裝「Breeze」外掛,我在另一篇文章「Breeze 免費 WordPress 快取外掛推薦,功能完整卻輕量快速」介紹過,這是由 Cloudways 自家開發的 WordPress 快取程式,更早之前是使用 W3 Total Cache 做為預設的快取外掛選項,但礙於設定太過複雜,且可能無法和 Cloudways 主機環境有效整合,後來乾脆自己做一個。

無論你是不是使用 Cloudways 主機,其實都可選擇 Breeze 做為快取功能。

STEP 5

現在一般網站都會加上 SSL 憑證,啟用 HTTPS 加密連線功能,對於 SEO 也有幫助,而在 Cloudways 控制台就已經內建 SSL 憑證管理選項,可直接使用免費 Let’ s Encrypt SSL 或自己自訂憑證,設定方法也很簡單,輸入 Email 和網域名稱就能自動取得憑證,而且也能在過期失效前自動續約,不過在設定前必須確認 DNS 已經成功對應到 Cloudways。

STEP 6

如此一來,一個很基本的 WordPress 網站就此成形,裡頭會有一些預設內容,將它全部刪除、重新開始吧!當然要學習、可研究的 WordPress 知識還很多很多,將網站架起來只是最基礎的範疇而已,如果有興趣的話可以翻翻我之前寫過的 WordPress 相關教學主題,網路上資源也很多,或許能有一些些幫助。

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

使用 Cloudflare 的 Page Rule 增強 WordPress 安全性和效能教學


Copyright:
asawinklabma / 123RF Stock Photo

相信使用 WordPress 架站的朋友一定都聽過 Cloudflare,我也陸續寫過幾篇關於它的相關應用和教學,簡單來說,Cloudflare 是一項整合網域名稱解析、網站加速和安全防護等功能的超實用工具,它的內容傳遞網路特性可讓網站在全世界各個地區都有相當好的連線速度。如果你正在起步,也正好使用 WordPress,那麼絕對推薦搭配 Cloudflare 使用,可讓你的網站有加分效果,也省去很多麻煩。

在開始前,建議你可以先去閱讀之前我寫的這篇文章「Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學,網站載入加速、節省流量防止惡意攻擊」,這篇是非常完整的 Cloudflare 使用教學和介紹。你也可以把 Cloudflare 單純當成 DNS 代管而不啟用 CDN 和 WAF 功能,這也是很多網站目前作法,從 DNSPerf 記錄上顯示出 Cloudflare 目前可能是世界數一數二快的 DNS Hosting 。

使用 WordPress + Cloudflare 建議搭配免費外掛程式,可一鍵為網站快速套用最佳化設定,省去手動調整時間(尤其又對於設定選項不那麼熟悉),如果你是使用 Cloudways 那就更好了,它們開發的免費輕量快取外掛 Breeze 也內建整合 Cloudflare 功能。

本文要再來深入介紹如果你使用 WordPress 架站,在 Cloudflare 端應該可以做那些設定來增強你的 WordPress 安全性和效能,這裡會用到的是「Page Rules」功能,免費方案可以加入最多三組,也能額外加價購買額度,不過如果付費升級 Pro 方案將有 20 組配額,對於一般網站來說應該很足夠。

使用 Page Rules 增強網站安全性和效能

如果使用 Google 搜尋一下,國外網站會有不少教你如何利用 Cloudflare Page Rules 功能讓網站變得更快的作法,不過作法眾說紛紜,除非你非常有實驗精神,那就可以花點時間去探究看看設定是不是確實有幫助。

在這裡我會使用 Cloudflare 官方的最佳化方式,如果你有興趣也可回到原網站看看教學影片,原則上免費方案只能設定三組 Page Rules,我會將最重要三個放在最前面,其他的項目就視個人需求調整。

STEP 1

開啟登入 Cloudflare 後,從上方選單找到「Page Rules」,這可能也是使用者比較少會留意到的功能,接著就能點選「Create Page Rule」建立新的頁面規則。

STEP 2

Page Rule 是一個觸發的機制,將觸發網址設定進去,然後選擇要執行的設定選項,如此一來 Cloudflare 就會自動處理。接下來我會介紹一些對於 WordPress 使用者有用的頁面規則設定方式,請讀者繼續閱讀下去(挑幾個對自己有用的放到自己的 Cloudflare 設定中)。

適用於 WordPress 的 Page Rule 列表

以下範例網址使用 example.com ,請視情況自行更改為你的網域名稱。

1. 將所有流量重定向到 HTTPS 頁面

網址部分輸入 http://*example.com/* ,在底下的設定值選擇「Always Use HTTPS」強制讓所有走 http 協議的流量進入 https,這也是網站使用 SSL 加密後的必要工作。如果想知道要如何讓 WordPress 加上綠色鎖頭,可參考「在 WordPress 設定 HTTPS,強制使用 SSL 安全加密協定教學」一文。

2. 將 www 重新導向至 non-www 網址

如果你是使用裸域名(Naked domains)作網址,例如:example.com ,或曾經使用 www 子網域名稱,必須將 www 的流量重新導向現有網址,可在網址輸入 www.example.com/* ,底下設定值選擇「Forwarding URL」及「301 – Permanent Redirect」,接著在目標網址輸入 https://example.com/$1 。

這個作法可以避免搜尋引擎最佳化(SEO)中的多重內容問題。

3. 保護 WordPress 登入頁面

對 WordPress 來說最重要的就是控制台,要進入控制台之前必須經過登入步驟,因此登入頁面也就成為許多駭客下手的目標,透過 Cloudflare 安全防護機制保護登入頁面,減少被攻擊造成損害的機會。若你想尋求更安全的防護機制,我推薦「啟用 Jetpack 單一登入機制教學,讓你的 WordPress 網站更安全(含兩步驟驗證)」會更一勞永逸。

設定方式很簡單,在網址部分輸入登入頁面網址 example.com/wp-login.php* ,下方設定值選擇「Security Level」再將防護等級調整到「High」。

4. 保護 WordPress 控制台

前面提到登入頁面很重要,其實 WordPress 控制台也很容易變成攻擊下手目標,防護方式一樣可透過 Page Rule 做到,網址部分輸入 example.com/wp-admin* ,然後切換以下選項:

  • Security Level 改為 High 。
  • Cache Level 改為 Bypass ,不快取任何內容。
  • Disable Apps,停用 Apps。
  • Disable Performance,停用效能加速功能。

5. 保護 XML-RPC

XML-RPC 是一項遠端程式呼叫的協議,使用 HTTP 作為傳送機制,如果你使用離線編輯器,通常是透過 XML-RPC 與你的 WordPress 網站連線、傳遞內容,但 XML-RPC 也就成為駭客和惡意攻擊下手的目標之一,沒用到建議就把它關掉吧!當然你可以直接透過 functions.php 將這個功能停用,或是從 .htaccess 寫入阻擋連線請求的相關語法,亦能透過 Page Rule 功能將它引導到其他路徑。

網址部分輸入 example.com/xmlrpc.php* ,下方設定值選擇「Forwarding URL」及「301 – Permanent Redirect」,接著在目標網址輸入 https://example.com

6. 強制 Cloudflare 快取圖片檔案

雖然 Cloudflare 本身就會快取靜態檔案(會被快取的檔案類型),但我們還是可以透過一些設定強制讓靜態檔案快取在各個節點,同時設定 Edge Cache TTL 也就是快取時間,這麼做將可以使圖片載入速度更快(直接從 Cloudflare 節點提供檔案,而不用回去原伺服器抓取資料),對於圖片很多的網站來說非常有用。

設定方式為網址部分填入 example.com/wp-content/uploads* (你的圖片上傳路徑,如果你不是讓 WordPress 安裝於根目錄或有修改路徑請自行調整),接著設定以下規則:

  • Browser Cache TTL 改為 a day 。
  • Cache Level 改為 Cache Everything 。
  • Edge Cache TTL 改為 a month 。

7. 強制快取重要頁面,網站出錯時依然可用

接下來的功能不一定每個人都會用到,但 Cloudflare 官方最佳化教學提供了這個方法,我想如果你有多餘的 Page Rule 額度或許可以試試看,把網站一些重要的頁面(例如介紹、聯絡方式)加入強制快取的範圍。因為 Cloudflare 預設情況下不會快取 HTML 格式檔案,必須透過以下方式才能讓頁面被儲存下來:

  • Browser Cache TTL 改為 a day 。
  • Always Online 改為 On 。
  • Cache Level 改為 Cache Everything 。
  • Edge Cache TTL 改為 a month 。

網址部分就設定成你要強制快取的頁面即可,例如:example.com/about

總結

以上是 Pseric 最近又重新研究 WordPress 搭配 Cloudflare 架站的一些小小心得。

就如同前文所述,在網路上有許許多多、數不盡的 Cloudflare 設定方法,但要聽信誰說的好像又沒一個準則,通常這種情況直接看官方文件大概八九不離十。當然官方提供的教學是普遍適合大多數網站的方法,但能不能適合你我想也不一定,這時候不妨發揮自架站的精神,好好徹底研究一下 Cloudflare 吧!Cloudflare 是一個非常強大的服務(工具),如果能夠善加利用將有助於你的架站之路更加順暢

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

【精選推薦文章】

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

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

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

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

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

RunCloud 佈署最佳化主機環境,整合 DigitalOcean 架設 WordPress 教學

對於經驗豐富的架站工程師來說,要從乾淨的系統建構出最終可上線運作的環境並不困難,但如果是一般使用者,無法流暢在指令列下工作,可能就得透過圖形化介面幫忙,常見的包括老牌虛擬主機控制台 cPanel,VPS 通常會使用服務自行開發的介面,如果是 Google Cloud Platform 或 Amazon Web Services 我會推薦搭配 ServerPilot 快速架設 WordPress,這麼做有助於快速架構出最佳效能的環境,而且在安全及後續更新維護較為輕鬆。

本文要推薦「RunCloud.io」是一家來自馬來西亞的新創公司,主要營運項目是雲端伺服器控制台,支援 DigitalOcean、Linode、Vultr 和 AWS、GCP、Azure 等雲端主機,只要線上連接就能在你的伺服器自動佈署最佳環境,一鍵安裝支援的架站工具,減少伺服器相關設定所耗費的時間或問題,同時它也內建伺服器監測功能,直接從控制台就能進行相關操作。

RunCloud.io 內建目前主流的 HTTP/2,能讓 HTTPS 網站速度更快,還有 Google 維護的 Brotli 壓縮演算法,也提供多種 PHP 版本讓使用者快速切換。RunCloud.io 支援的一鍵式程式安裝工具包括:WordPress、Drupal、phpBB、Grav、Joomla、phpMyAdmin、Piwik、Prestashop、Mybb、Concrete5,網頁伺服器架構則有 NGINX + Apache2 和 NGINX 兩種選項。

此外,RunCloud.io 執行的服務有 Nginx、Apache、Redis、Beanstalkd、Memcached、Mariadb、Supervisord,內建防火牆和各種安全設計,也有各種管理功能,建立資料庫、檔案管理或設定排程工作。所有工作都可在一個雲端控制台完成。

計價方式分為免費和付費版本兩種,免費版可使用基本功能,沒有時間限制,如果需要用到 SSL 憑證、多用戶管理、Git 或查看伺服器狀態等等,可考慮每月支付 $10 美元升級,年繳還有兩個月折扣。

網站名稱:RunCloud.io
網站鏈結:https://runcloud.io/ (推薦鏈結)

使用教學

以下我使用 RunCloud.io 搭配 DigitalOcean 新加坡節點進行示範教學,同時也會安裝 WordPress 中文版,如果你偏好其他的雲端伺服器,也能將 DigitalOcean 替換成其他選項,主要操作方式不會差太多,細節依照各個服務而有所不同。

將你的伺服器服務連接到 RunCloud

STEP 1

首先,開啟 RunCloud.io 後點選首頁的「Get Started」開始,可直接使用 GitHub、Digital Ocean 或 Google 帳戶登入使用或是輸入 Email、密碼建立一個新帳號。

登入 RunCloud 後點選「Connect Server」連接你的雲端主機。

在此之前你必須從 VPS 或雲端主機建立伺服器,建立時選擇 Ubuntu 16.04/18.04 x86_64 LTS(完全乾淨安裝,沒有任何其他的服務),如果使用 VPS 那要注意不支援 OpenVZ。硬體部分至少要有 1GB 以上空間、單核心、最少 512 MB 記憶體和一個 IP 位址。

為你的伺服器命名、填入 IP 位址,接著點選最下方的「Connect this server」。

STEP 2

如果無法連上你的伺服器,RunCloud.io 會給出一段指令,點選然後將全部指令複製下來。

回到你的伺服器,以 ssh 或服務提供的 console 登入伺服器,貼上剛才那段指令並以 root 權限執行。

返回 RunCloud 可以看到目前的安裝進度,在一段時間後會逐漸到達 100%,因為過程會安裝各種必要的程式,安裝速度也取決於伺服器的網路速度及硬體,通常會需要幾分鐘時間。

安裝程式結束後 RunCloud 會給出新的 MySQL root 管理權限密碼、使用者名稱和密碼,這部份資訊很重要,記得要保密不要被其他人獲取。

STEP 3

等待 RunCloud 在伺服器佈署好所有程式及設定,就能從控制台看到這台主機。

點選後會有詳細資訊,包括 CPU、記憶體、硬碟和 Uptime 等資訊,所有功能都可以從側邊欄選單選取使用。

在 RunCloud 平台一鍵安裝 WordPress 教學

STEP 1

準備好伺服器的所有必要程式後,接著要開始安裝 WordPress,也是本文的範例,前面有提到 RunCloud 支援許多程式,包括:WordPress、Drupal、phpBB、Grav、Joomla、phpMyAdmin、Piwik、Prestashop、Mybb、Concrete5 ,如果安裝的程式不列在其中,依然可透過手動方式進行安裝設定。

選擇左側的「Web Application」然後點選「Create Application」建立新的應用程式。

為應用程式命名,設定網域名稱、路徑、PHP 版本後新增應用程式。

STEP 2

建立應用程式後,點選進入詳細資訊頁面,可以看到相關設定選項,如果日後要管理網址、設定 SSL 憑證或檔案管理員都是從這裡進行操作,現在要先透過安裝程式快速安裝 WordPress,點選左側「Script Installer」程式安裝工具。

從最下方 Script 類別找到「WordPress」,然後按下「Install」開始安裝。

STEP 3

在安裝完成之前如果開啟你的 IP 位址,會看到 Website Unavailable 畫面。

STEP 4

WordPress 必須搭配資料庫才能安裝使用,回到 RunCloud 選擇「Database」功能,我們要先建立資料庫及登入資料庫的使用者,這邊分為兩個步驟:建立資料庫、建立資料庫使用者,最後將資料庫權限指派給該使用者就可以了。

比較可惜的是 RunCloud 似乎沒辦法全自動一鍵做這些工作,使用者還是得自行安裝操作。

設定後記得把密碼先複製起來,暫存在其他地方,指定給使用者存取資料庫的權限。

STEP 5

在看到你的 WordPress 安裝畫面前,還要再進行一個「網域名稱伺服器」DNS 設定步驟,這部份我就不多做說明,簡單來說,將你的 DNS 記錄以 A Record 指向主機的 IP 位址,生效後應該就能在網址列輸入網址看到 WordPress 安裝畫面。

WordPress 引以為傲的五分鐘快速安裝很簡單,將剛才資料庫的名稱、資料庫使用者名稱和密碼設定好後就會看到 WordPress 網站部分的資訊設定,而看到以下畫面代表伺服器的資料庫部分已經正常連接。

在最終步驟設定一下網站標題、使用者名稱、密碼和 Email 即可完成 WordPress 安裝。

RunCloud 已經佈署好適合讓網站運作的環境,可以感覺到速度上相當順暢,不過還是得安裝快取外掛才行,例如:Breeze,除了可提高網站速度,還有助於降低負載,在最小的硬體開銷達到最佳效果。

這項服務其實和 ServerPilot 有些類似,不過在介面設計上更為動態且較有質感,若是討論到易用性,我偏好 ServerPilot 較多,但是 RunCloud.io 功能更強大、更完整。如果你想接觸 VPS 或是雲端主機,但又苦無技術背景而無法自行操作,除了使用 Cloudways 之類的全托管方案外,搭配 RunCloud.io 或許能有事半功倍的效果。

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

【精選推薦文章】

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

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

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

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

AddThis 現已免費!一行程式碼為網站加入分享追蹤按鈕,整合電子報等行銷功能

曾經有段時間我選擇 AddThis 做為免費資源網路社群的分享按鈕,類似服務很多,你可能或多或少都有聽過,例如:Shareaholic、ShareThis、AddToAny,名字看起來都很像,這類服務特色是在單一分享按鈕中整合所有常見的社群服務,無須自己加入按鈕或編寫程式碼,後來礙於載入速度緣故我又找到另一個更好用的 Sumo(最早名稱為 SumoMe),如果你是使用 WordPress 架站我會推薦 Social Warfare,這是一款輕量美觀且兼具速度的社群分享按鈕外掛。

這幾天 AddThis 在部落格宣布服務將轉為完全免費!更早之前分為 AddThis Pro($10 美元)和 AddThis Business($75 美元)兩種付費方案,提供不同的可自定性和配額限制,當前使用者只要註冊帳戶就能免費享有 AddThis 完整功能。

雖然現在 AddThis 已經不是我的社群按鈕選項,但還是必須說 AddThis 是老牌分享按鈕,無論在穩定性及可靠度方面都值得信賴。當前功能也不再只有分享按鈕,還整合追蹤按鈕、相關文章、電子報、鏈結宣傳和贊助機制,雖然方便卻增加程式碼大小,對載入速度也會有所影響。

AddThis 使用方法很簡單,只要將一段程式碼加入網站就能啟用,在選項部分都是從 AddThis 網站設定調整,包括要加入那些分享按鈕、位置、顏色、呈現方式、在行動裝置上瀏覽樣式或分享後出現的訊息提示等等。如果你使用 WordPress、Magento、Tumblr、Shopify 等平台還有對應的外掛程式或設定教學可供使用。

以下我會簡單介紹 AddThis 註冊和設定教學,不過就不針對細部做說明,主要也是將重點擺在分享按鈕功能(重點是告訴大家 AddThis 服務已經走向完全免費的消息),前面有提到這項服務還有內建其他工具,例如追蹤、相關文章等等,亦能設定目標規則決定要顯示在那些頁面中,如果有興趣的話可以自己動手研究一下。

網站名稱:AddThis
網站鏈結:https://www.addthis.com/

使用教學

STEP 1

開啟 AddThis 網站後可以從左側看到 AddThis 分享按鈕範例,也是實際顯示樣式,會依照使用者的裝置及螢幕大小而顯示於不同位置。

透過 Google、Facebook 帳戶快速登入,或是以 Email 註冊一個帳號。

STEP 2

登入後會在 AddThis 自動建立一個專案名稱,首先選擇一個要使用的工具,之後還是可以從控制台裡新增或刪除,工具部分 AddThis 提供分享按鈕、追蹤按鈕、相關文章、電子報工具、鏈結宣傳和贊助功能,在這裡我們先選擇最基本的 Share Buttons。

STEP 3

選擇分享按鈕類型,例如懸浮於側邊、文章內、隱藏於角落(游標移動到圖示後自動展開)、圖片、Popup 視窗、Banner 等等,我認為懸浮的效果相當不錯,而比較常見的作法是讓分享按鈕顯示於網站的內文上方或下方。

AddThis 有個很智慧的設計:依照不同使用者提供個人化的分享按鈕類型,也就是當你選擇自動顯示按鈕時,AddThis 會依照每個使用者實際情形顯示出不同的按鈕組合,假如判定使用者最常使用 Facebook,那麼 Facebook 按鈕就會被顯示出來。

當然你也是可以自己手動挑選幾個要顯示的分享按鈕,點選「Add More Services」可以加入更多服務,AddThis 收錄的社群網站或討論區相當完整,連我們慣用的 LINE 或 Plurk 都列在其中。

STEP 4

設定完畢,依照 AddThis 給出的程式碼複製、貼到自己網站的 </body> 標籤之前,這一切就算大功告成,是不是非常簡單呢?如果你不知道如何編輯網站程式碼,還能依照 AddThis 提供的教學操作,前提是你使用的平台或環境剛好 AddThis 列在網站中,就可以找到更詳細的設定教學。

假如你是使用 WordPress 自行架站,AddThis 也有在 WordPress 外掛資料庫上架,搜尋將它安裝到網站中,接著進行相關設定就能將 AddThis 提供的相關功能整合到網站部落格。

STEP 5

前面有提到 AddThis 設定調整都是在網站中進行,好處是不用更換程式碼,設定儲存後自動反映在你的網站裡。如果你覺得只有加入分享按鈕不夠的話,點選「Add New Tool」還能增加其他的新工具,例如我習慣加入分享按鈕和追蹤按鈕,這樣就可以少裝很多外掛,也不用自己寫程式碼囉!

若你正在經營一個網站或部落格,甚至是製作了一個簡單的單頁面網頁,都可透過 AddThis 將分享追蹤按鈕快速整合到網站裡,省下編寫程式碼的時間和難度,當然可能會犧牲掉一些載入速度,不過一個程式可以加入很多功能,如果有用到也是很划算,有興趣的朋友不妨自行研究一下,除了 AddThis 以外還有不少類似工具,可找出最符合自己的選項使用。

值得一試的三個理由:

  1. 老牌分享按鈕服務 AddThis 現已完全免費
  2. 輕鬆整合追蹤按鈕、電子報和宣傳等功能
  3. 完整可自訂性,一段程式碼即可運作
  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 按一下以分享到 Google+(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 點這裡寄給朋友(在新視窗中開啟)

推薦閱讀:

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

【精選推薦文章】

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

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

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

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

使用 SiteGround 虛擬主機一鍵快速安裝 WordPress 教學

這幾年最被站長們推薦的虛擬主機 SiteGround 相信大家都不陌生,我曾在「WordPress Hosting 架站空間精選,最多人推薦的五個國外虛擬主機方案」將它列在首位,事實上隨著後來硬體、網路頻寬價格逐漸下探,虛擬專屬主機(VPS)價格幾乎到了和虛擬主機不相上下的程度,進而壓縮到虛擬主機的空間,不過不能說它過時,至少搭配上 cPanel 或其他控制台就能輕鬆管理網站,讓沒有經驗的網站管理者也能有相當安全可靠、方便管理的環境。

SiteGround 是一家總部位於巴拿馬的虛擬主機服務,開始於 2004 年,至今管理超過 160 萬個網域名稱,提供各式規格的主機方案,包括虛擬主機空間、WordPress、WooCommerce 空間、雲端空間等等,本文要鎖定的是 WordPress Hosting,如果你想以 WordPress 架站,但又沒有太多預算,那麼 SiteGround 或可成為你的第一站。

SiteGround 的 WordPress Hosting 分為三種規格:StartUp、GrowBig 和 GoGeek,除了在空間、流量及可架設網站數不同,其實也有一些細部的差異(請看規格比較),其中我認為最有用的「SuperCacher」(由 SiteGround 開發的快取技術,可以讓網站速度增加不少)只提供給 GrowBig 和 GoGeek 方案使用,因為價差不大,我建議直接挑這兩個方案註冊。

此外,SiteGround 內建免費一鍵搬移網站(Free Site Transfer)功能,若你本來使用其他主機商,想換成 SiteGround 就能夠快速轉移所有資料,其他像是 SSD 硬碟、HTTP/2 或當前最多人討論的 SSL 功能都已經內建其中,而且整合 Cloudflare 和 Let’s Encrypt 等免費服務確實讓剛架站的朋友省去許多麻煩。

接下來我想開始介紹如何以 SiteGround 虛擬主機快速建立一個 WordPress 網站,因為本身就有提供自動安裝功能,其實整體來說非常簡單,幾乎不用幾分鐘就能將網站完成上線!不過仍必須擁有自己的「網域名稱」才行,當然 SiteGround 也提供使用者註冊網址,稍後我會一併介紹和教學。

網站名稱:SiteGround WordPress Hosting
網站鏈結:https://www.siteground.com/go/freegroup (推薦鏈結)

在 SiteGround 建立 WordPress 網站完整教學

1. 註冊 SiteGround 帳戶

在開始前請先準備好一張可用的信用卡,訂購過程必須以信用卡付費,雖然 SiteGround 提供免費 30 天試用,仍要先付費才能完成註冊。詳情可參閱退款政策說明。

STEP 1

開啟 SiteGround 的 WordPress Hosting 頁面,選擇要購買或試用方案,前面提到 GrowBig 和 GoGeek 方案才有「SuperCacher」功能,建議直接選這兩種方案。

選好方案後,可直接在 SiteGround 註冊一個新網域名稱(註冊費每年 $15.95 美金),建議在其他註冊商註冊會比較便宜,也不容易被綁定在主機商而無法轉出,如果你已有網域名稱,那麼選擇「I already have a Domain」並將網址輸入即可。

域名註冊商推薦:

  • Gandi.net 全新改版!註冊網域名稱含免費 Whois 隱藏和信箱功能
  • 在 Google Domains 註冊購買網域名稱教學

STEP 2

接著要填寫基本資料,包括 Email、密碼、姓名、地址和電話等資訊,因為是付費服務,盡量填正確以免日後造成問題或糾紛無法處理,資料部分必須填寫英文,可上網找找地址英譯服務進行轉換。

下方的付款資訊只接受信用卡,無法使用 PayPal 或其他支付方式,填入你的信用卡卡號、到期日期、所有人名稱和信用卡後方驗證碼,大致上就算完成註冊程序。

在最下方的購買資訊,有不同的付款週期,除了試用一個月必須額外支付 $24.95 設定費,其他的年繳、兩年繳和三年繳都可以享受一定的優惠,要注意的是當期限一到重新續費時就會變回原價,如果有長期的網站營運計畫,建議可一次購買較長時間會更划算。

另外,資料中心部分 SiteGround 提供四個節點:美國、荷蘭、新加坡和英國,如果使用者多在亞洲地區,那麼選擇新加會是最快的路徑。

STEP 3

送出訂單,如果 SiteGround 成功刷卡扣款,就會開始建立帳戶等相關資訊,完成後也會在信箱收到 Email 通知,包括發票、訂單確認、帳戶資訊。

2. 在 SiteGround 建立一個 WordPress 網站

STEP 1

登入 SiteGround 控制台,開始進行自動化的 WordPress 安裝設定,SiteGround 好處是提供一鍵式安裝功能,不用再從頭到尾自己手動設定操作,大致上只要從控制台就能完成網站建置,其他部分可搭配 cPanel 控制台調整。

在這裡我們選擇「Start a new website」建立一個全新網站,如果你想從其他主機商移轉到這裏,可選擇第二個移轉網站,應該會安裝一個外掛,輸入一些基本資訊後就會自動把資料和相關檔案移轉到新的空間。

STEP 2

自動化程式可安裝 WordPress、WooCommerce、Joomla、Drupal 或 Weebly 等程式,在這裡選擇 WordPress,接著設定一下管理員的 Email、使用者名稱和密碼,在帳號密碼長度上有一些限制,為了讓使用者有更好的安全性,帳號無法修改(但可建立其他管理者帳號),密碼可以在登入控制台後修改為其他選項。

STEP 3

SiteGround 會一直推銷其他旗下產品,例如網站掃描功能,在這邊不需要加購,直接點選確認到下一步。

一切就緒,點選「Complete Setup」完成設定,WordPress 便會自動安裝完成。

STEP 5

最後從 SiteGround 控制台可以看到帳戶的 DNS 紀錄和 IP 位址,必須將網域名稱對應到主機空間才能存取,這裡有兩種方法:更改 DNS 紀錄或是將網址的 A 指向 IP 位址,我建議改 DNS 會比較一勞永逸,但缺點是需要一段時間完成更新。

如果你是使用 Cloudflare 或類似服務,其實只要把 A 紀錄指向 SiteGround 提供的 IP 位址就可以對應完成,當然這個 IP 是共享的,你也可以付費取得獨立 IP 位址,就不用擔心被其他網站影響,但必須額外付費。

3. 將 WordPress 設為正體中文,內建快取加速功能

STEP 1

從 SiteGround 控制台點選「My Accounts」找到「Installations」會看到安裝的 WordPress 網站,點選「Go to Admin Panel」快速前往 WordPress 控制台,要注意的是進行這步驟時網址必須已經成功對應到主機,否則是會看不到畫面的。

這裡我就跳過 DNS 伺服器設定步驟,因為在其他文章已經寫過不少次,相信如果你有網域名稱的話,應該也會知道要如何設定 DNS 或對應 IP 位址。假如不知道如何操作,建議可參考 Cloudflare 文章設定方式。

前往 WordPress 控制台(直接在網址後面加上 /wp-login.php/wp-admin/ ),輸入剛才自動化安裝時設定的帳號密碼,沒問題的話就能登入。

進入控制台從左側選單找到「Settings」,將 Site Language 調整為「繁體中文」,時區部分則設定成 UTF+8,儲存後就會看到中文介面並顯示正確時間。

STEP 2

前面介紹有提到 SiteGround 的 WordPress Hosting 其中一項特色是「SuperCacher」,這是什麼呢?通常 WordPress 都必須安裝快取(Cache)外掛,一來可加速網站,不用每次載入頁面時都從資料庫抓取資料;二來也能降低伺服器負載。而 SiteGround 提供的快取是在伺服器端進行,速度更快。

預設情況下會在 WordPress 安裝一個「SG Optimizer」外掛,這個外掛就提供快取功能,因此不用額外安裝 WP Super Cache、WP Rocket 這類的快取功能。

STEP 3

點選進入 SiteGround 提供的「SG Optimizer」功能,分別有三個選項:SuperCacher 設定、HTTPS 設定和 PHP 設定,設定維持預設值即可,如果你不知道應該調整什麼。

在快取中已經勾選包括動態快取、自動清除快取,如果要清除快取資料可以從 SuperCacher Config 裡進行操作,點選「Purge the Cache」就能將快取資料全部刪除,對要更新網站來說會用到,特別是當你發現網站沒有隨著你的修改而呈現最新狀態時,可能就是快取的問題。

這時候你就已經有了一個最基本的 WordPress 網站了!是不是非常簡單呢?

4. 大功告成

到這裡為止你已經成功建立好一個 WordPress 網站,但架站之路才正要開始,WordPress 博大精深無法在一篇文章中完整介紹,需要使用者自己花時間好好研究摸索,不過我之前也已經寫過幾篇安全性與設定方面的教學,可以直接參考:

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

【精選推薦文章】

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

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

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

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