現今,你可以在毫無編碼或設計技巧下快速建立網站。你所要做的,就是找到一個好的網站建置工具,打造並自訂你夢想中的網站。問題是,DreamHost 網站建置器能否幫你實現?
選擇一個優質的網站建置工具或許相當具挑戰性,特別是當你不知道要從功能和易用性方面尋找什麼。今天我會測試 DreamHost 網站建置器,幫助你做出決定。
Note : 在開始審視不同的網站建置工具前,你必須釐清網站的目標。例如,你可能需要部落格區塊、聯絡表單、預約系統、線上商店、優秀的 SEO 等。一旦回答這些問題,就能更有準備地將它們與不同的方案(如 DreamHost)對應起來。
Tip : 如果你不確定網站要達成什麼功能,可以先參考競爭對手及其網站,作為起點。
大多數網站建置工具都提供直覺的拖放功能、試用帳號或退款保證。然而,你需要確保所選工具能滿足更多需求。當你的業務成長時,DreamHost 網站建置器能否因應你的需求?讓我們來看看。
開始使用 DreamHost 網站建置計劃 DreamHost 提供一系列高級工具和外掛,簡化你使用 WordPress 的入門、編輯及管理網站的過程。該廠商提供三種 WordPress + 網站建置計劃,並以四步驟流程指引你快速上手:選擇方案、挑選佈景主題、更新內容,然後就能上線你的网站!
Note : DreamHost 在所有三種計劃均包含主機服務並提供退款保證。共用主機計劃享有 30 天退款保證,管理型 WP 計劃也享有 30 天退款保證。
如前所述,DreamHost 提供三種綜合方案:Shared Starter、Shared Unlimited 及 Managed WordPress。當然,WP 網站建置器包含於所有三種方案中。此外,所有三種方案皆附贈免費網域、快速啟動靈感嚮導 (Quick-Start Inspirations Wizard)、Premium Starter Sites、文章與頁面建置器 (Post & Page Builder) 以及 SEO 建議工具,稍後再詳細說明。
警告 : 只有在 Shared Starter、Shared Unlimited 或任何年度 DreamPress 計劃 (以年為週期) 簽約一年或三年,DreamHost 才提供第一年免費網域 (月付 Shared 或月付 DreamPress 計劃不適用)。且必須在年度 Shared/DreamPress 計劃的前三個月內使用此免費註冊,逾期即無法使用。
Shared Starter、Shared Unlimited 和 Managed WordPress 在網站數量及電子郵件方面有所差異。Shared Starter 僅支援一個網站,且不含電子郵件;Shared Unlimited 則支援無限網站並附贈電子郵件;Managed WP 則包含一個受管網站及無限電子郵件。
Shared WordPress 計劃的價格較為實惠,因此非常適合部落格、小型企業或作品集。然而,它的缺點是你需要與伺服器上的其他使用者共用所有資源。隨著網站的成長,你很可能需要升級方案。
Managed WordPress 計劃解決了此問題,提供專屬於 WordPress 的服務與支援,以確保最佳性能、正常運作時間及安全性,並附加更多功能及專用資源。它不使用共用環境,而是提供高效能的雲端平臺。
如果你往下滾動該網頁,就會發現還有另外兩種方案。實際上,DreamHost 將 Managed 方案細分為 DreamPress Starter、DreamPress Plus 和 DreamPress Pro。
這五種方案皆可選擇月付或預付。讓我們來看看除了前述以外的其他差異。
如你所見,這五種方案皆提供無流量上限的頻寬及無上限的快取月訪問次數。然而,兩種共用方案所支援的非快取訪問次數較少。DreamPress Starter 和 Plus 適合中等流量,而 DreamPress Pro 則可支援大量非快取流量。
Note : 如果你超過建議的非快取月訪問次數,DreamHost 不會限制訪問或收取超額費用。但過高的流量仍可能影響網站效能。
DreamHost 在所有方案中維持高標準,其中一個典型例子就是 SSD 儲存。Managed 方案附帶預先規劃的 SSD 儲存空間 (最高可達 120GB),而共用方案則沒有預留資源,但同樣使用 SSD 儲存。
在 WordPress 特有功能方面,這五種方案皆提供預先安裝的 WordPress、免費自動化遷移、WP 網站建置器及自動 WordPress 更新 (核心及安全更新)。Managed 方案還附帶一鍵佈景 (staging) 及內建快取功能。
如果你選擇 DreamPress Plus 或 Pro,還可免費獲得 Jetpack Professional,包括高級 WordPress 主題、無限 CDN、一鍵備份與還原、惡意軟體掃描等功能。
最後,DreamHost 提供自動及按需備份與一鍵還原、免費網域、免費網域隱私保護、專業郵箱帳號、自訂控制面板,以及進階功能,如 SFTP、Shell 存取及 WP-CLI。
理論就到此為止。接下來讓我們實際操作。和往常一樣,我會購買最便宜的方案來測試所有功能並向你報告。對我來說,即是 Shared Starter。儘管 Managed 方案有更多選項,但對我而言這個就足夠了。首先,我是來做測試的,所以想省點錢;其次,我想看看 DreamHost 的最低配置能提供什麼。之後就只會更好了。
我點了「Sign Up Now」,畫面跳到下方畫面。一旦選好方案,下一步就是選擇網域。你也可以在這裡變更語言、聯絡支援或修改方案週期。
警告 : 免費網域僅限年度方案。
我得說,這讓我感到前所未有的困惑。通常,網域主機供應商會對長期方案提供更好的折扣,這對於獎勵忠實用戶來說相當合乎邏輯。但 DreamHost 則完全相反,月付方案反而比年度或三年方案更便宜。總之,這對我目前有利,但對忠實用戶而言可能就不太友好了。
我會稍後選擇網域以加快註冊流程。接著,你需要輸入信用卡資料、帳單資訊並設定帳戶。
Note : 首先,你必須輸入信用卡。當它成功加入帳戶後,你才能繼續完成帳戶設定。
在帳戶設定時,你可以選擇以電子郵件或 Google 帳號註冊。右側還能查看你的訂單。注意,DreamHost 會自動勾選一些額外項目,這點我不太喜歡。如果想移除這些附加服務,記得取消勾選,否則你也會付到費用。
最後,如果你再往下滾動,就會看到額外選項:DreamShield Protection、DreamHost Email 及 Google Workspace。目前我就先不多介紹,因為我最近才寫了一篇 DreamHost WordPress 的評論。註冊過程中的選項與附加服務完全相同,可以自行參考。
點選 Submit Order,幾秒鐘內就完成了。
設定 DreamHost 網站建置計劃 “Whoop, whoop,歡迎來到 DreamHost 。”
訂單成功完成後,你可以進入控制面板。此時也能更換語言或聯絡客服尋求協助。
DreamHost 已立即開始為我設定主機服務。
同時,你可以查看寄自 DreamHost 的所有郵件。提供商會傳送 FTP、SFTP 帳戶資訊以及其他有用資料。
整個過程僅花幾分鐘,之後我就看到了下方畫面。
Note : 先前我選擇稍後再選網域。‘tesmir.dreamhosters.com’ 是 DreamHost 指派給我的暫時網域。
同時,你也可以再查看一次郵件。
此時,你可以使用電子郵件地址登入 WordPress。但首次登入時,必須使用郵件中寄送的連結。
Tip : 如果連結已過期,可再次透過電子郵件請求重設連結。
第二步就是開始設計網站。DreamHost 建議先使用「BoldGrid Inspirations」工具,我們就從這裡開始。不過,我先帶你看看其他步驟。
DreamHost 會自動啟用 WP Super Cache 外掛,以提升網站速度和效能。
Note : 由於快取技術,新發佈的文章可能不會立即顯示。但你可以前往「Settings > WP Super Cache」區域,點選「Delete cache」加速更新。
最後,DreamHost 會傳送連結給你,讓你存取 DreamHost Academy 及客服團隊,學習所有關於 WordPress 的知識。舉例來說,你可以參考一系列專業撰寫、附有圖片和影片的指南。
現在,讓我們看看如何使用 WP 網站建置器來建立網站。
Note : 你必須已有一個現有的 WordPress 網站,才能使用 WP 網站建置器。
由於 DreamHost 已自動化此流程,你只需在控制面板內往下捲動,找到「Log In to WordPress」,然後點選「Open WordPress Editor」。
你會立刻看到 BoldGrid Inspirations。
此時,你會看到兩個選項。第一,可透過三個簡單步驟開始。具體而言,你可以從大量佈景主題庫中選擇,使用範例內容為起點,或利用易於使用的設計工具自行創作。透過這個選項,你能自訂內容、加入適當的外掛功能,發布並為你全新網站感到驕傲。
第二,可使用 Total Upkeep 將現有網站轉移過來。
反正我會選第一個。我點擊了橙色的「Let’s Get Started」按鈕,畫面跳到下方。在這裡,你可以看到各式各樣的選項。你可依網站類型選擇主題分類,可篩選「All」「Default」「General」「Consulting」「Marketing」「Design」「Photography」「Fitness」「Fashion」「Music」「Restaurant」「Real Estate」及「Home Repair」。
找到喜歡的佈景主題後,點擊「Select」。
Note : 佈景主題會設定基本的版面、字體及配色。不過,一旦開始設計後,你可以針對這些項目做客製化。
接著,你需要在「Content」區段中選擇要啟動的基本頁面和任何額外功能。你可以使用以下三種選項自訂網站版面及內容。第一,在「PAGESET」選單中選擇「Base」(3 頁)、Five Page(5 頁)或 Kitchen Sink(8 頁)。若想建立部落格,請在「Add Functionality」下切換 Blog 按鈕。最後,你可以點擊底部的螢幕圖示,預覽不同裝置上的顯示效果。
舉例來說,選擇 3 頁時,我會有 Home、Portfolio 和 Contact Us 三個頁面;點選 Five Page 時,DreamHost 還會加入 Clients 和 Info。
再者,選擇 Kitchen Sink 選項時,你還會看到 Testimonials、Resume 和 Services。
最後,這是 Blog 功能的概覽。
當你依需求調整完成後,點擊標示「Next」的藍色按鈕。
下一個區段是「Essentials」。你可在此提供可選資訊,用來在整個 BoldGrid 網站中填入聯絡資訊及社群媒體圖示。更方便的是,你可以稍後再編輯這些資料,或直接跳過此步驟,點擊「Finish and Install」。
現在就等待一下!
Voila!你已安裝 BoldGrid,接著 DreamHost 會帶你到 WordPress 控制台的 Inspirations 標籤頁。在這裡你可以繼續自訂網站。
首先,你應該選擇要使用哪個編輯器。
Tip : 在 DreamHost,你可以從多種 WordPress 編輯器中擇一編輯網站。不過,如果使用 BoldGrid 來打造網站,最佳選擇是 Post and Page Builder。
在左側窗格的 Inspirations 標籤頁中,你需要點擊欲編輯頁面右側的鉛筆圖示。
在這裡,你可以選擇跳過設定或完成建議的三個步驟,我會選擇後者。
點擊「Okay, let’s go!」後,你就能選擇偏好的編輯器。
Note : 在 DreamHost,你也可以透過編輯器內的選項,為單篇文章指定不同的編輯器。
你可以在 Post and Page Builder、WordPress Editor、Classic Editor 及針對文章和頁面的預設編輯器之間選擇。
如前所述,Post and Page Builder 是官方推薦的 BoldGrid 編輯器,因此我會選擇它。WordPress Editor 是在「Pages > All Pages」中可見的標準 WordPress 編輯器。Classic Editor 類似 WordPress Editor,但預設顯示更多選項。最後,如果你選擇第四個「default」,系統會預設使用 Post and Page Builder。
點擊下一步,就完成了。
假設你選擇了 Post and Page Builder,但後來又不滿意,別擔心。你只需點擊標示「Post and Page Builder」的下拉選單,就能切換到其他編輯器。
例如,我切換到 WordPress Editor,DreamHost 在幾秒內就完成轉換!
大部分選項在 WordPress Editor 內是隱藏的,但你可透過點擊不同圖示來存取。左側可用於新增區塊,右側則有進階選項。
同樣地,你可以再度切換到其他編輯器。讓我來看看第三個也是最後一個選項。你需要在右上方點擊三個點的圖示,進入 Plugins 選單。
如前所述,Classic Editor 與 WordPress Editor 相當相似,但預設會顯示更多選項。
現在,讓我們回到我最喜歡的 Post and Page Builder,看看如何使用它編輯頁面。
Note : 使用 Post and Page Builder 時,你可以切換至「全螢幕」模式,快捷鍵為 Ctrl+Shift+F。
你可以輕鬆地向網站新增區塊。只需點擊藍色的「Add Blocks」按鈕,DreamHost 就會將畫面分成兩邊,左側顯示頁面佈局,右側則列出可新增的區塊。
你可以在右上方選擇要新增的區塊類型及分類。新增的區塊會根據你的選擇顯示在頁面右側。將滑鼠移到想加入的區塊上,點擊「Add to Page」。
接著,你會看到 DreamHost 正在將新的區塊安裝到左側窗格中。
安裝完成後,你可以點擊並拖曳該區塊,將它移動到頁面上你喜歡的位置,或是將它刪除。
最後,點擊右上角的打勾圖示來儲存變更。
以上就是基本操作。隨意探索該區域,發掘 WP 網站建置器的其他選項吧!
易用性與客戶支援 在評測網站建置工具時,我會評估完全的新手是否能輕鬆操作。畢竟,這些工具對不熟悉技術的使用者最有幫助,因此需要提供相應的服務。
Note : 網站建置工具的重點就在於讓你建置網站的過程簡單明瞭。
就這點而言,我最喜歡 DreamHost 的 Quick-Start Inspirations Wizard。它能在幾分鐘內引導你完成設計選擇、功能新增及關鍵資訊輸入。
更棒的是,你可以結合 DreamHost 的拖放編輯功能與設計區塊,以更快速度建置、更輕鬆地編輯。Post and Page Builder 對初學者友好,也同樣實用於資深專業人士。除基本功能外,它還提供進階選項,使任何人僅需幾次點擊,就能將想法化為現實。
另我認為非常實用的易用功能是 1-click staging。使用它,你可一鍵建立暫存站台,並在正式上線前安全地測試插件、佈景主題和程式碼。
此時,你也應考慮支援服務的水準。是否有足夠的資源列出所有功能及使用方法?是否提供 24/7 客服,以協助你架設網站並解決可能遇到的問題?
我認為在此方面 DreamHost 有些劣勢。它並非真正 24/7 支援,儘管官方聲稱如此。若你不是既有客戶,只能使用聊天小窗或支援電子郵件,但並無即時聊天支援。既有客戶可透過面板使用 Customer Support Chat,但僅限於工作時間,並非全天候。
DreamHost 的聊天小窗包含 Knowledge Base、Discussion Forums、System Status 和 Tech Support。此時,你可選擇想聯絡的對象──Sales、Billing、Tech Support、Other,或「I can’t log in to my DreamHost account」。
選擇對象後,你需要填寫表單並提交問題。但不會立即回應或進行即時溝通。
此外,就 DreamHost 網站建置器而言,既有客戶的客戶支援主要取決於所選方案。
在 Shared Starter 與 Shared Unlimited 方案中,DreamHost 提供標準支援,包括 24/7 工單支援、即時聊天支援及電話回撥,然而不含優先支援。
在 Managed 方案中,DreamHost 提供專門的 WordPress 支援,支援渠道為工單、即時聊天及電話;而只有 DreamPress Pro 方案才享有優先支援。
自訂選項與響應式設計 你應該注意到,取得 DreamHost 網站建置器後,第一步便是選擇範本。範本是網站建置工具的核心,因此你一定要評估不同提供商可選擇的範本數量。
DreamHost 提供超過 200 種行業專用佈景主題。你可以從廣泛選擇中擇其所好,包括攝影、房地產、餐廳、音樂、健身、設計師、服飾和時尚等 WordPress 主題。
Tip : 請選擇與你對網站外觀想像相近的範本,因為它是結構及網頁設計的起點;之後再針對品牌特色調整,會更省事。
此時,你也要考慮響應式設計。問題是,DreamHost 網站建置器能否讓你的網站具有響應式?畢竟,現今大多數客戶使用行動裝置瀏覽網站及購買產品,你肯定不希望它在桌面版上看起來還不錯,但在手機上就跑版。答案很簡單──當然可以!
DreamHost 提供 100% 手機響應式設計,代表你不用為不同裝置建立不同版本,只要打造一份設計,其他交給 DreamHost 處理即可。
Note : 響應式網站會自動調整版面,讓所有裝置都呈現相同的元素和內容。換言之,不管訪客使用哪種螢幕大小,都能保持美觀。
範本雖是良好起點,但下一步呢?你能否自訂網站、更改顏色、添加新頁面、圖片、按鈕、圖示等等?如果能,操作難易度如何?
DreamHost 提供超過一百種設計區塊,你只需點擊即可新增和編輯。如此一來,就能快速讓網站脫穎而出。更棒的是,完全不需任何程式編碼技巧或經驗!
Tip : 建議選擇允許你有足夠自由度自訂範本,打造獨特網站的網站建置工具。
其他功能與能力 最後,這些功能就是網站建置工具的區別所在。供應商提供的功能越多越好。作為使用者,你應尋求高彈性,考慮是否支援 Google Analytics、CRM、第三方行銷工具等功能。
在這方面,DreamHost 最有價值的功能就是即時 SEO 建議工具 (real-time SEO Suggester)。它將頁面內 SEO 建議直接整合到 WP 網站建置器中,幫助你優化內容以提高搜尋引擎能見度。
Note : 應選擇提供最具價值功能對等價格的網站建置工具。若供應商不提供免費網域、免費 SSL、免費企業郵件、免費電商功能等,就必須提前估算額外花費/隱藏成本。
如前所述,DreamHost 提供免費網域、免費網域隱私保護、專業郵箱帳號,以及若干進階功能,例如 SFTP、Shell 存取、WP-CLI 等。你還可獲得免費 SSL、自動化遷移、每日備份、SSD 儲存及自訂控制面板等。換言之,你能享受眾多免費服務,或是物超所值的體驗。
DreamHost 網站建置器的具體特點 基於 WordPress 架構 所有方案皆預先安裝 WordPress 快速啟動靈感嚮導 (Quick-Start Inspirations Wizard) 超過 200 種 Premium Starter Sites 文章與頁面建置器 (Post & Page Builder) 即時 SEO 建議工具 (Real-Time SEO Recommender) 由 BoldGrid 提供技術支持 完全客製化的使用體驗 專業設計並附帶主題庫 拖放式自訂工具 (Drag and Drop Customizer) 完整 WYSIWYG 頁面編輯器與 GridBlocks 所有網站建置主題皆支援 WooCommerce SSD 儲存、內建快取與一鍵佈景 (1-Click Staging) 免費自動化 WordPress 遷移與更新 免費 SSL、網域、網域隱私及企業郵箱帳號 每日自動備份、按需備份與一鍵還原 30 天與 97 天退款保證 DreamHost 網站建置器 優缺點 優點:
易於使用與操作 完全可客製化 大量可選主題 拖放式功能 可建立測試用暫存網站 優良的退款政策 缺點:
總結 許多使用者在 WordPress 與網站建置工具之間猶豫不決,而 DreamHost 則結合了兩者的優點。簡單來說,你可以兩者兼得。
使用 DreamHost,你可在網站建置器中從主題庫中擇一,並透過拖放式自訂工具完全客製化設計。只要在預覽區指點並點擊任何項目,即可編輯其屬性。如前所述,你也能輕鬆更改配色、字體、版面、導覽選單和小工具。而最棒的是,你無需直接在正式網站上測試變更,而可利用一鍵佈景的暫存站台,先行測試任何新的設計、版面、外掛或主題,確保沒問題後再公開。
我也很喜歡 DreamHost 網站建置器的 WYSIWYG 頁面編輯器,可在 WP 內編輯頁面並精準呈現所見即所得效果,以及 GridBlocks,可拖放元素到頁面並從零建立版面。
綜合以上所有特點,DreamHost 網站建置器是建立各類型網站的絕佳選擇,可使用自訂網域、加入部落格功能、強大 SEO 及社群媒體功能、電商功能等。
缺點方面,DreamHost 網站建置器並非免費。雖然網路上有些免費選項,但它並不包含在內。另一項讓 DreamHost 處於劣勢的是其客戶支援。而且由於該建置器是基於 WordPress 運行,你必須先有一個 WordPress 網站才能使用它。