最後更新時間:2020 年 12 月 8 日
本篇主要是寫給 Cloudways, Linode 等 VPS 主機架設網站的站長,如何在遠端直接查看、修改 WordPress 內部的檔案以及程式碼。
因為 Siteground 等共享虛擬主機,有限制 sftp 的存取,所以如果你的網站是架在共享主機上,可能沒辦法用這個方法。
但是因為共享主機商它們本身就有提供 File Manager 的方式,即使不用 sftp 也能直接修改檔案內容,所以如果你是用 Siteground 架站的站長,用 File Manager 就能輕鬆修改文件。
利用 sftp 修改站台檔案,對於 WordPress 接案者/開發人員,我個人覺得應該是必備的技能,有些人習慣在本地端開發,但我比較不喜歡把檔案放在電腦裡面,所以習慣直接在自己的 Test Server 做開發。
如果你不是做 WordPress 開發的人員,你可以用來 debug 和除錯用的,因為遇到問題時,我們得進去看一些錯誤歷程 ( debug.log ) 的內容,才可以知道問題出在哪邊,基本的除錯教學可以參考下面這篇。
如何修改 WordPress 內部檔案?
下載程式編輯器
前往官網下載 Visual Studio Code,如果你是用 Windows 的電腦,好像就內建就會有,可以自己先在檔案管理搜尋一下。
接著我們要安裝 Visual Studio Code,這邊沒有什麼需要特別注意的,就是一路安裝到底就好,安裝完後開啟程式,這時你應該會看到一個這樣的畫面。
接下來點選左邊最後一個功能鍵,這邊是用來管理插件的,其實你就把他理解成相當於 WordPress 的外掛就好。
搜尋 ftp-simple 這個插件,並啟用。
啟用 SFTP 插件
接著我們要設定 ftp-simple 的 sftp 連線,需要先學一個指令。
- Windows –
ctrl + shift +p
或f1
- Mac –
cmd + shift + p
或fn + f1
按下指令之後,你的上面應該會冒出一個框框,這就是我們插件的指令框框了,請熟記,每次連 sftp 都會用到。
叫出指令框後,我們要搜尋 config
,找到 ftp-simple:Config
開頭的這個,然後按下 Enter。
接著你會進到這個畫面,這是一個 JSON 格式的檔案,如果你不知道 JSON 也沒關係,它就一個用來儲存資料的檔案格式。
接著依序填入你的資料:
[
{
"name": "你的主機 IP 位置",
"host": "你的主機 IP 位置",
"port": 22,
"type": "sftp",
"username": "你的 SSH 使用帳號",
"password": "你的 SSH 使用者密碼",
"path": "/",
"autosave": true,
"confirm": true
}
]
輸入完之後按下ctrl + s
儲存
port 號一般都是 22,但還是以你的主機為準,像 GCP 的 port 號我記得是就21。
Cloudways 主機作法
如果你是 Cloudways 主機的話,你可以在這邊找到你的 IP 跟 SSH 使用者帳號與密碼
接下來這一步驟我會以 Cloudways 主機為例,如果你不是 Cloudways 主機你可能要自己看一下你的資料夾叫什麼名字。
我們要先知道自己的 WordPress 是安裝在哪個資料夾裡面,由於 Cloudways 預設給我們的是亂碼,因為為了方便尋找,我們先去將其改名。
- 按下上方的 Applications
- 選擇左邊欄位的 Application Settings
- 更改 Folder 名字,預設是亂碼,所以改成一個你看得懂的名字
- 按下下方的 Reset 按鈕
都做完之後就是見證奇蹟的時刻了!
按下剛剛說的 ctrl + shitf + p
把 ftp-simple 的視窗叫出來,接著我們以前往 WordPress 主題資料夾 themes
為例子:
選擇 ftp-simple:Remote directory open to workspace
選擇你主機的 IP
如果點了 IP 之後沒有反應的話,可能是因為你第一次裝 Visual Studio Code 的緣故,將電腦重開機再試看看應該就可以解決。
選擇 applications
選擇你剛剛設定的 Folder 名字
選擇 public_html
選擇 wp-content
選擇 themes
選擇 .
接著你就成功進來 WordPress 佈景主題資料夾了,你可以依照你的需求選擇你要修改的檔案內容,非常方便。
結語
修改檔案後按下 ctrl + s
,這時候右下角會跳出一個小視窗,記得按確認才會正確儲存。
因為其實它的原理是幫你下載,等你修改好之後再上傳,並不是真的直接在上面修改文件內容,所以你每次儲存後,他都會有一個提示問你要不要 overwrite 它,不過對我們來說有那個效果在就好
如果修改之後還是沒有生效,就回到 Cloudways 中進行,Reset Permission,或是詢問客服看看。( Cloudways 比較有這問題,GCP、Linode 沒有 )
有任何問題歡迎在下方提出,我會盡我的能力解答,最後祝大家 Happy Coding!
額外資訊
我目前正在製作一部 WordPress 網站的線上課程,主要內容會是教你如何從完全不懂程式碼的新手,透過學習架設 WordPress 網站與 SEO,打造出一個在一年內能為你帶來 100 萬收入的個人網站。如果你有興趣的話,歡迎填寫下方的訂閱表單,我將會告訴你最新的開課資訊。
加入 FB 討論社團
另外,我開設了一個 Facebook 社團,叫做「WordPress 網站架設 | 網路賺錢 | 部落格經營 – WebLai 交流區」,社團中討論的主題主要會是關於 WordPress 網站架設、部落格經營、以及網路賺錢。
如果你也對這些內容有興趣的話,歡迎你點擊下方的連結進行加入,我將會在那邊發佈一些這些主題的相關議題與討論,當然,對於 WordPress 有問題的話也可以直接在裡面詢問我唷!
你可能會想看
網路賺錢
部落格經營
基礎教學
- 【2020】Rank Math 完整教學,WordPress 最佳 SEO 外掛
- WordPress 完整介紹教學,新手也能一天內從零架出專業網站
- 毫無疑問最適合架設 WordPress 的主機 – Cloudways 教學
- 如何架設網站?5 分鐘告訴你 3 種市面上最熱門的架站方式!
- WordPress 主題推薦 – Astra 完整介紹與教學,1 款適合所有人的佈景主題
- WordPress 後台操作教學,10 分鐘教會你 6 大必學基本功能
- WordPress 網站主機該如何選擇?4 種常見的主機類型比較,找到最適合你的主機
- 如何不花一毛錢架設 WordPress 網站?Google 免費主機 GCP 設定教學
站長必學
- 秒開網站不是夢想!WP Rocket 外掛教學,提升你的 WordPress 載入速度
- 如何製作出更引人注目的行動呼籲 ( CTA )?WordPress 內建「可重複使用區塊」教學
- 如何改善網站速度?WP Rocket 快取外掛教學,秒開網站不是夢想!
- WordPress 網站如何搬家?All-in-One WP Migration 最方便搬家外掛教學
- WordPress 網站上的英文如何改成中文?Loco Translate 翻譯外掛教學
- 如何提升 WordPress 網站速度?使用 WebP 圖片格式縮短網站載入時間
- WordPress 網站主機該如何選擇?4 種常見的主機類型比較,找到最適合你的主機
- 如何更換 WordPress 網站字體?利用自訂 CSS 功能 1 分鐘搞定!
- 如何自訂 WordPress 文章標題樣式?5 步驟學會用 CSS 自己改樣式!
- 如何在 WordPress 網站中,啟用自動 Email 通知回覆留言的人
網站行銷
- 如何在 WordPress 網站上安裝 GTM?Google Tag Manager 設定教學
- 如何製作 WordPress 電子報?MailerLite 完整設定教學,No.1 電郵行銷工具推薦
- 如何用 Gmail 收發公司電子郵件?Gsuite 完整註冊、設定教學
- 1 分鐘快速製作專業 Email 簽名檔教學,Gmail, Outlook 適用!
- 如何用自己的網址收信? 5 分鐘教你免費建立網域信箱的方式
疑難雜症
- 如何修正 Google 搜尋結果跟網站的文章標題不一樣?1 個步驟輕鬆解決!
- 你的 WordPress 網站正常嗎?1 個步驟馬上為網站進行健康檢查
- 如何修復 WordPress 因為重新指向次數過多,而導致網站無法顯示的問題
- 為什麼啟用了 https 網址卻還顯示不安全?3 個解決 WordPress 網站 SSL 失效的方法
- 你的 WordPress 網站收不到信嗎?安裝免費 SMTP 外掛 5 分鐘輕鬆解決。
- WordPress 網站出現錯誤了怎麼辦?5 分鐘教你如何找到出錯原因
進階技巧
- 【2020】Cloudflare 教學,免費提升 WordPress 網站速度、安全性
- 如何正確地開放 WordPress 後台權限給合作廠商,並且保護自己資料安全?
- 如何將你的 WordPress 網站變成手機 App?拿起手邊的 iPhone 1 分鐘完成!
- 如何修改 WordPress 內部檔案?5 分鐘教你透過 SFTP 遠端修改!
- 你知道 WordPress 可以用快速鍵寫文章嗎?利用 Markdown 語法提高你寫文的速度
您好
請問重新開機了applications還是叫不出來
請問還有什麼問題沒有注意到嗎?
謝謝