舊版 WordPress Web 開發工作流程

PHPz
發布: 2024-07-24 00:56:44
原創
959 人瀏覽過

Legacy WordPress web development workflow

在接受涉及現有 WordPress 網站的專案之前,先問自己一些重要問題:

  • 我們想使用 WordPress 嗎? (還是?又?)
  • 我們還準備好這樣做嗎?我們可能需要學習什麼?
  • 我們必須處理哪些遺留決策和技術債?
  • 我們是否知道使用給定的技術(例如某個主題或頁面建立器)是否可以實現我們的目標?
  • 我們的客戶知道他們想要什麼或需要什麼嗎?
  • 我們是否懷疑他們有額外的隱性要求?
  • 他們有足夠的預算來支付我們的工作嗎?
  • 我們還願意接受任務嗎?

當您仍在閱讀本文時,我懷疑- 儘管至少回答了1 次“不”或“我不知道” - 您已經足夠絕望或有其他原因,例如網絡/營銷或希望得到關注-up 項目,並且您已同意與已經開始造成麻煩的舊版WordPress 網站合作。

我們可以運用常識和格外謹慎的措施來減少風險和麻煩。最重要的是,在進行任何更改之前務必備份所有資料!

當我必須與頁面建立器合作修改現有舊網站時我會做什麼:

  • 透過以下方式調查現有設置
    • 截圖
    • 運行自動審核,例如
      • PageSpeed 見解
      • 網頁測驗
      • 網站Carbon
      • WAVE 可訪問性檢查
    • 並將目前狀態儲存到 web.archive.org
    • 對於最重要的頁面類型,例如
      • 首頁
      • 另一個靜態頁面
      • 部落格檔案(類別頁)
      • 單一部落格條目。

下一個:

  • 做好備份! UpdraftPlus 是一個很好的工具,因為它的備份可用於將 WordPress 網站(包括購買的外掛程式)複製到開發和登台系統。

  • 將備份檔案下載到我的本機!

  • 設定開發實例!我們可以從共享主機上的一鍵安裝開始,或使用基於 Docker 的模板(如 wp_cli_docker)進行本機開發。

  • 將原始內容還原/遷移到本機副本。 UpdraftPlus 將調整所有絕對 URL 並確保目標執行個體上的工作媒體庫。

  • 重設主管理員使用者(在 wp-admin 中或使用資料庫 Docker 容器內的 mySQL cli)並變更其電子郵件地址。

  • 刪除所有其他使用者!

  • 刪除所有個人和客戶資料!

  • 更改網站標題和書籤圖示。我的本機開發設定標題通常以“Local”開頭,而且圖示不能與生產圖示混淆。

  • 在我的本機開發實例中更新 WordPress 及其外掛程式。

  • 驗證一切是否仍然有效!

在建立和下載完整備份之前不要更新客戶端生產網站的任何部分,並且在截取螢幕截圖和儲存存檔範例之前也不要執行此操作!如果有任何問題,我們需要知道最後的工作狀態!

詢問您的客戶,當您對其生產網站進行更改時,他們是否更喜歡「正在建造」或「維護模式」通知。 Elementor有內建功能,但WordPress還沒有,所以我們必須依賴第三方外掛程式。我嘗試了“正在建設”,由於 PHP 棄用訊息在生產中不應該是致命的,它導致我的本地主機實例出現“白屏死亡”,但我仍然不想冒險。感謝 Team Streber 部落格上的提示,我選擇了 WebFactory Ltd 的維護,這似乎足夠好,至少在短時間內停機,甚至無需支付 PRO 功能的費用。

  • 檢查自訂程式碼和樣式的現有設置,例如
    • 外觀->客製化->額外的CSS
    • 小部件
    • 主題或自訂外掛程式允許定義自訂程式碼的任何其他地方
    • 子主題中的自訂 PHP 程式碼;
  • 將現有程式碼複製到專案檔案(如 custom.css、custom.js、example-child/functions.php)並提交。

  • 在進行實際的 Web 開發之前,在本地禁用效能、快取和安全插件。它們在開發時沒有幫助,但它們的優化可能會妨礙我們,導致頁面樣式過時並浪費記憶體和精力。

  • 如果我們想向客戶展示要測試的預覽,我們可以設定一個公共暫存實例,從本地主機傳輸新備份(已經不含客戶資料和可選插件),並設定密碼保護確保只有合適的人才能進入我們的舞台!

  • 如果我們不進行登台,我們可以在他們的生產伺服器上新增一個草稿頁面,我們可以在其中顯示一些進度,並確保我們確實能夠選擇性地將我們的工作從本地主機複製到生產。

接下來,我嘗試找出如何最好地使用給定的設置,如何保留我的更改,以及如何安全地將它們轉移到另一個頁面或實例而不破壞或忘記任何內容。

身為一個專注於前端的 Web 開發人員,我盡可能嘗試使用全域 CSS。我知道這與無程式碼頁面建立器的意圖相矛盾,但一般編碼也是如此。我發現這是保持對程式碼的控制和不完全丟棄現有程式碼和軟體之間的務實妥協。

與特定於元素的自訂 CSS 或特定於插件的配置相比,全域自訂 CSS 非常突出且易於查找,這些配置可能會在下一次重大更新後停止工作。

根據網站的複雜性和我們對其技術的經驗,我們可能花了至少半小時或一整天來掌握舊設置,但沒有任何明顯的成就。在開始編碼之前,我們應該檢查我們的作業並找到一個簡單的子任務作為開始,最好是能夠導致乍看之下顯而易見的變化的子任務。

這樣我們就可以帶著成就感完成第一個小時或第一天的工作。

進一步的工作

在進行工作時,我們必須小心。

溝通

  • 告知我們的客戶我們將要做什麼,特別是當它涉及我們的停機風險時!
  • 打開手機,查看我們的收件匣、聊天和專案管理工具,以獲取任何重要的入站訊息!
  • 檢查溝通中是否存在可能的誤解,寧可提出愚蠢的問題,也不要做出錯誤的假設!

安全

  • 始終確保我們知道我們正在使用哪個實例/伺服器!
  • 切勿使用過時的數據!休息後繼續工作前重新加載內容!
  • 經常儲存並提交更改!
  • 不要停止建立和下載備份!

付款及推薦

  • 始終讓客戶滿意,或至少不要讓他們失望或生氣!
  • 如果專案失敗了,或者您的客戶認為失敗了,請討論解決方案以及可能的退出和移交方案。我們還可以在開立最終發票時為客戶提供合理的折扣。
  • 紓困可能會防止事情變得更糟,有時還可以節省時間和金錢,但最好在不告訴客戶的情況下投入額外的努力並挽救項目,並將經濟損失轉化為行銷投資:滿意的客戶可能會向他人推薦我們的服務。

重點

  • 做筆記!如果您發現「骯髒的秘密」或巧妙的解決方法,如果您學習了與WordPress 或一般(網路)開發相關的新概念,請將其寫在數位媒體中,並且足夠詳細,以便下次需要時能夠找到資訊它!

如你所見,我一直在發布有關 WordPress 的文章。我一直在接待使用舊版 WordPress 網站的客戶,我不會從頭開始重寫他們的程式碼。我希望我的提示和咆哮對任何人都有幫助。發布此類帖子是保存我的知識並在下次我用谷歌搜尋錯誤訊息時找到它的另一種方式。

以上是舊版 WordPress Web 開發工作流程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板