如何重新設計 WordPress 網站：終極清單

啊，WordPress網站的重新設計……

當您考慮此任務涉及的不同問題時，您通常會感到有些壓力。

誰不夢想，在這個關鍵時刻，在他們的服務器上執行一個簡單的Command + Option + Escape或Ctlr + Alt + Del ，然後輕鬆地重新開始？

不幸的是，重新設計您的網站總是比這更複雜一些。 一個疏忽、一個錯誤、一個失誤，發生得如此之快……

WPMarmite 想與您分享它的最佳實踐，讓您安心地處理這個大型項目。

你準備好了嗎？ 在這篇文章中，我詳細介紹了重新設計 WordPress 網站需要考慮的所有元素，從上游策略到在線發布。

您最好的 WordPress 項目需要最好的主機！

WPMarmite 推薦 Bluehost：出色的性能，出色的支持。 所有你需要一個好的開始。

試試 Bluehost

要了解如何從頭開始創建 WordPress 網站，請查看我們的完整指南。

重新設計 WordPress 網站之前的 4 個步驟

在您使用 WordPress 重新設計您的網站之前，您需要處理各種結構元素。

沒錯：你不知道自己會進入什麼領域就不會開始嗎？

1. 設定重新設計的目標

像任何項目一樣，要重新設計 WordPress 網站，您需要有目標，並且需要精確定義（無論您是自由職業者、網絡代理還是非專業網站管理員）。
正是這些清晰簡潔的目標將指導您接下來的步驟。

歸結為問自己以下問題：為什麼要重新設計網站？ 這可能有很多原因：

• 通過選擇新主題或選擇頁面構建器來更改站點的設計。
• 更新站點的管理。 如果您的插件或您的 WordPress CMS 版本從未更新過，如果不同插件之間存在衝突，或者您的主題被不規則地修改，則可能會出現這種情況。 這些都是可能影響您網站的性能及其日常管理的問題。
• 優化您的搜索引擎優化。 問問自己的目標，特別是如果您的流量下降或沒有起飛，您的用戶體驗目前是否不穩定，或者您的 HTML 代碼是否未針對 Google 的機器人進行優化。
• 向您的網站添加當前設計無法提供的新功能。 您可能還希望使其更直觀，更易於訪問者使用。
• 改進您的網站（或電子商務）的技術結構以加強其安全性、提高其加載速度並修改其樹形結構。
• 將您的站點遷移到另一個網絡託管服務器。
• 增加銷售額，特別是如果您有 WooCommerce 商店。
• 讓您的網站與競賽保持同步，該競賽提供更多最新的網站。 您將利用它來提高您的品牌形象和聲譽。

在結構良好的文檔中寫下這些不同的目標。 您將看到它們將構成結構化元素，以組織您的網站重新設計。

2. 構建您的重新設計項目

現在您已經清楚地了解了重新設計的目的，讓我們來談談確定項目主線的不同步驟。

創建你的線框

線框一詞是否敲響了警鐘？

有必要對主題進行快速回顧，因為這一步至關重要。

線框是結構模型，可幫助您將網頁的不同元素排列在單個文檔上。

這個想法實際上是為您網站的不同頁面奠定框架，以清楚地了解您將要創建的用戶體驗。

我在這篇文章中給了你一個例子，這裡再次說明我的觀點：

如果千禧紙+鉛筆的方法足以進行輕量級的重新設計，我仍然建議您使用數字工具來設計您的線框。

這不僅可以讓您在需要時輕鬆修改它們，還可以與您的團隊（或與您從事網絡營銷工作的表親）共享這些線框圖。

我只能推薦幾種工具來做到這一點：

• Balsamiq Wireframes ：這是一款付費軟件，但 30 天免費試用版讓您有足夠的時間來設計精心製作的線框。
• MockFlow ：這是一個方便的免費增值在線工具。 它的免費版本允許您創建最多 3 個頁面來開始。
• Sketch ：一個非常強大的協作網頁設計平台，只要你知道如何正確使用它。 它提供 30 天免費試用版，然後提供每月 9 美元起的付費優惠。
• Canva ：它不是專門用於線框圖的工具，但由於其眾多功能，它可以讓您更接近它。 而且，最重要的是，它有一個具有許多功能的免費版本。

在這一點上，您對重新設計 WordPress 網站的期望有了更清晰的了解。

設計你的模型

線框可以讓您了解重新設計的頁面的結構，而模型將整合設計本身。

通過頁面佈局軟件（例如 InDesign）創建的網頁佈局可能需要一定的技術性，並且是一個相當耗時的步驟。

所以問題是：你真的需要為你的重新設計創建圖形模型嗎？ 答案很簡單：

• 是的，如果您想創建自己的主題。 在這種情況下，您必須從頭開始設計重新設計的網站，從而能夠輕鬆地可視化所有圖形元素。
• 不，如果您只想使用現有主題並重新設計它。 一個更簡單的解決方案。 但在這種情況下，請務必根據您的目標選擇新主題。
  為了幫助您，WPMarmite 擁有您需要的資源：最佳免費主題列表。 享受！
  

加入 WPMarmite 訂閱者

獲取最新的 WPMarmite 帖子（以及獨家資源）。

現在訂閱

想想你的新樹結構

是的，我向您保證，我們仍在談論網站重新設計，而不是園藝！

設計你的樹狀結構意味著想像不同頁面之間存在的鏈接，並考慮訪問者在網站上找到自己的方式的所有方式。

簡而言之，通過創建樹形結構，您可以考慮用戶的不同導航路徑。

那麼該怎麼做呢？

設計一個樹形結構並記住包括：

• 您的主導航菜單以及潛在的二級菜單。
• 您的頁腳，以及它可能包含的鏈接。
• 您可能的側邊欄，尤其是在您的博客上。
• 您博客的不同類別等。

有了這樣的圖表，您就不會忘記在不同頁面之間創建精心設計的網格，這將確保流暢的用戶體驗。

就像線框一樣，您可以在一張紙上創建此圖表，或使用 GlooMaps 或 Octopus 等在線工具。

設計您的規格

好吧，在這個階段，你已經很好地提供了結構化元素。 現在是時候將所有這些都收集到一個關鍵文檔中：規範。

您的網站重新設計規範是一個非常廣泛的文檔，它允許您針對重新設計網站的不同期望。

您會在網上找到許多規格模板。 但是，您的必須包含：

• 對您的 Web 項目和公司的描述，以及您的網站在該項目中所扮演的角色。
• 您的新網站的目標受眾，盡可能精確地描述。
• 您重新設計的目標，盡可能用數字說明。 例如，如果您的目標之一是增加流量，請記住指定當前網站的流量。
• 要從您當前網站恢復的元素：您的頁面內容、可能的圖像等。
• 您希望遵循的圖形路徑。 為此，請將您的線框和模型集成到您的規範以及樣式指南（定義您的視覺識別）中。
• 重新設計的網站的新功能元素，例如添加電子商務商店、博客、選擇加入模塊、新管理（後台）等。
• 您重新設計項目的主要里程碑：您希望什麼時候預覽您的網站？ 您希望它何時上線？

現在清楚多了，不是嗎？

3. 想想你可以支配的資源

現在是開始做生意的時候了。

如果您接受，您的挑戰是現在列出您可以使用的資源：

• 預算：您想在重新設計上投資多少？
• 時間：您有多少時間可以重新設計您的 WordPress 網站？
• 技能：你有能力自己實現所有目標嗎？
• 工具：插件、主題、頁面構建器……即使您的網絡技術技能有限，這些類型的工具能否幫助您實現目標？

此列表將讓您知道您是否需要求助於外部供應商，或者您是否認為您可以獨立工作、與您的團隊成員一起工作或通過自己的方式工作。

尋找最好的 WordPress 專家

Codeable 致力於為您匹配專家，他們可以幫助您完成從 WordPress 主題設計或安裝到自定義插件開發的任何事情。

嘗試可編碼

4.制定重定向計劃

“好，我們走，就是這樣！”

簡單！ 在重新設計網站的過程中，最後一步經常被忽視：創建重定向計劃。

讓我解釋。

通常，在重新設計網站時，URL 會發生變化。 如果您創建新頁面，情況尤其如此。

但是，如果您將新網站上線而不考慮進行重定向，會發生什麼？ 大量 404 錯誤，這將影響您的 SEO 和訪問者的導航。

要設計您的重定向計劃，沒有什麼比這更容易的了。 打開 Excel 或 Google 表格，然後創建一個表格，如下所示：

一旦您的網站上線，您可以設置重定向插件，並直接導入此表。

聰明，不是嗎？

好吧：深呼吸，讓我們談談重新設計本身。

使用 WP Rocket 加速您的網站

使用 WordPress 專家認可的最強大的緩存插件將您的網站變成火箭。

試試 WP 火箭

啟動重新設計的 3 個步驟

那麼，既然您的項目結構和組織良好，您將如何著手呢？ 這 3 個基本步驟將指導您。

1.選擇在本地或直接在您當前的站點上工作

在進入技術方面之前，首先選擇工作：

• 直接在您當前的站點上，並“實時”集成更改。
• 或者在開發和預生產服務器上，在將新站點提供給受眾之前對其進行測試。

這兩個選項意味著什麼？

直接在您的網站上在線工作是野蠻的。

在這種情況下，您的所有訪問者都可以實時看到更改，並充當您的新功能的“豚鼠”……這可能會引發所有錯誤。

另請注意，如果在修改過程中發生錯誤，它將影響網站，直到您檢測並解決問題為止。 網站不可用，功能不工作……

為避免所有這些問題，您可以在本地重新設計您的網站。

在本地工作的好處很多：

• 安全地進行修改。
• 無風險地測試您的插件。
• 上線前預覽最終效果圖。

如果您想保持當前配置的 WP 管理，它也是理想的解決方案。 換句話說，您將能夠在不刪除現有網站的情況下修改 WordPress 網站。

但是，如果你想從頭開始，在一個全新的管理中，看看你應該如何繼續在本地安裝 WordPress。

WPMarmite 的提示：“當然，您可以從舊網站中檢索元素，這要歸功於 UpdraftPlus 或 Duplicator 之類的插件。 這些插件允許你在你的管理員上導入你想要的東西：你的內容、你的主題、你的插件、你的媒體等等。”

2. 獲得重新設計所需的工具

現在是時候列出並獲取重新設計 WordPress 網站所需的一切了。

請記住：您在規格中列出了它們。

這可能包括：

• 一個新主題，如果官方目錄中的眾多主題之一引起了您的注意（例如非常流行的 Astra）。
• 頁面構建器，如 Elementor 或 Beaver Builder，如果您想避免接觸代碼。
• 新插件，集成驚人的功能。

不確定要使用哪些插件？ 也許您會在我們的必備清單中找到您想要的東西。

你的工具箱準備好了嗎？ 讓我們完成所有設置並繼續進行重新設計的最後一個關鍵步驟：內容。

3. 準備新網站的內容

首先，不要忘記一個關鍵點。

在網站重新設計過程中，不可避免地存在可以恢復以前網站的內容。

圖片、文字、插件配置：想想吧！

因此，請備份您當前的 WordPress 網站，並將您想要在重新設計中放入的內容保密。

但是，我想，如果您進行重新設計，也是為了修改您網站的內容，使其更相關，對您的目標更具吸引力……當然還有搜索引擎！

所以想想你的 SEO 策略，對你的新（真棒）網站進行排名非常重要。

如果總結要遵循的步驟很複雜，我可以在這裡給你主要的內容：

• 一方面，定義你想要排名的關鍵詞。 這些是您的目標自發在 Google 上輸入的表達方式，以查找他們正在尋找的信息。
• 另一方面，確定需要在每個頁面上集成它們的位置。 您的標題標籤 (hn) ，或圖像的替代文本，例如必須針對 SEO 進行優化：谷歌喜歡它們，這就是它首先嘗試了解您的網站的地方！
• 一旦將這些新內容整合到重新設計的網站中，您就可以檢查一切是否到位。 特別考慮圖像的名稱、標題和頁面的元描述，這些往往被忽視。

為了幫助您進行網站的頁面 SEO（內容優化），請依靠專用的 SEO 插件。

WPMarmite 使用其中最著名的 Yoast SEO，但它並不是市場上唯一有效的。 在本文中發現我們對其競爭對手的詳細比較。

一件事導致另一件事，在您的本地開發服務器上，並使用所有必要的 WordPress 工具，您可以看到您的項目正在進行......並且您的在線發布即將到來。

成功啟動網站的 3 個步驟

我能感覺到您對向全世界展示您的新 WordPress 網站感到興奮。

花點時間看看這 3 個步驟，並仔細遵循它們：我保證，你會很高興你做到了。

1.選擇直接生產或預生產服務器

“預生產服務器”這個詞對您來說毫無意義嗎？ 不用擔心，讓我們快速休息一下來定義一下。

預生產服務器與您的網站上線後將使用的服務器共享同一台服務器。 如果 WPMarmite 要重新設計它，Alex 可以選擇將他的預生產放在preprod.wpmarmite.com ：這將是與wpmarmite.com相同的環境。

那麼為什麼要使用這個 preprod 服務器呢？

• 如果您是 WordPress 開發人員，請與您的客戶驗證您的重新設計。
• 在網站上線之前測試錯誤。
• 要調整您的 SEO 策略，請確保您的所有關鍵字都包含在每個頁面上。

一旦所有這些都得到驗證，只有這樣您才能上線並部署您的新網站。 如果你有信心，當然可以選擇直接投產。

2. 測試您的新網站是否存在潛在問題

從您的預生產服務器（或現場，如果您是 WordPress 冒險家），您需要測試您的新網站。

成功測試問題的關鍵是設身處地為普通訪客著想，四處點擊，並記下您遇到的任何問題……

您可能會看到設計和結構問題。 但不要忘記檢查：

• 未完成的重定向，並生成死鏈接或白頁。
• 網站的性能，通過在 GTMetrix、Pingdom 或 Google 的 PageSpeed Insights 測試上進行測試。
• 選擇加入點，通過檢查它們是否運行良好。
• 聯繫表格、報價單……
• 付款，如果您有電子商務網站（包括確認電子郵件、訪問會員網站……）。

一切都很漂亮，功能齊全，連接良好且組合良好？ 恭喜！ 最後一步將增強我從這裡看到的你臉上的燦爛笑容。

3.重新激活並重新連接所有第三方服務

來吧，你快到了！

您現在可以重新激活鏈接到您的 WordPress 網站的所有服務和插件。 特別想一想：

• 你的緩存插件。
• 使用 Google Analytics 的插件，例如 MonsterInsights。
• 使用社交網絡的插件，例如 Facebook 或 Instagram。
• 您的插件和主題的各種許可證密鑰。

由於安全是每個人的事（尤其是您的事），請記住重新啟用保護您網站的所有元素。

準備好出發？ 然後開始在 Google Search Console 中為您的新網站編制索引。 這種操作迫使谷歌的機器人去拜訪你的新寶寶，從而在新版本中更快地索引它。

塔達姆！ 重新設計，性能更好，更引人注目，結構更好，您的新網站已準備好接收應得的流量。 這是一項艱苦的工作，但值得，不是嗎？

你呢，你最近有沒有重新設計一個 WordPress 網站？

你遇到了什麼問題，或者你對此感到自豪嗎？

在評論中告訴我們所有相關信息：WPMarmite 團隊會仔細閱讀它們。