如何將圖片上傳至FTP & 如何將圖片崁入網站編輯器?
網站技術 》如何將圖片上傳至FTP & 如何將圖片崁入網站編輯器?|天矽網頁設計

網站編輯器為管理者提供了簡易的內容編輯功能,由於功能有限,無法像 Word 一樣可靈活地排版或直接插入圖片。不過,仍可透過 FTP 將圖片上傳至網站主機,再將圖片的網址(路徑)插入至編輯器中,達成編輯器內的文章可以顯示圖片。
➤如何將圖片上傳FTP?
首要步驟,電腦需先安裝「FileZilla」應用程式,並需有主機、帳號、密碼資料。「FileZilla」下載完成,就可將「FileZilla」開啟,輸入主機、帳號、密碼,可參考以下FileZilla 設定畫面:


FTP上傳圖片留意事項
- 需留意操作,原有的資料夾及檔案請勿刪除及移動。
- 「圖片上傳資料夾」上面有設權限,請勿刪除及移動(權限若不見,網站會出現錯誤喔!)
- 修改任何檔案時,請留意一定需要備份:
(1)例如:在副檔名的後面加 _bak2024-11-25-Antonio (加在副檔名後面搜尋引摯才不會搜尋到)。
(2)例如:about.php_bak2024-11-25-Antonio 這樣才容易辨識是備份檔案,保留一段時間後再將備份檔案刪除。
- 上傳到FTP的檔案或圖片,檔案命名方式建議都使用小寫英文或數字組成,使用中文命名檔案可能會發生錯誤,強烈建議檔案名稱一律使用小寫的英文與數字命名,以避免後續發生問題。
延伸閱讀
✔ FTP無法連線、無法上傳檔案時怎麼辦?瞭解常見排解方式
✔【檔案命名建議】所有上傳到網站的檔案,請依規則建立
➤如何複製圖片路徑到網站編輯器內?
將圖片上傳至FTP後,即可以複製圖片路徑,將路徑貼到網站後台的編輯器內,即可達到文插圖的作用,詳細操作步驟如下:
1. 先將圖片上傳至FTP,複製圖片路徑

2. 到網站後台的編輯器,將圖片路徑貼上

3. 圖片即可崁入編輯器內的文字中

➤小結
雖然網站的編輯器功能無法像Word可以自由編輯,但仍可透過FTP上傳圖片到網站主機。上傳後可取得圖片路徑,便可複製路徑,將路徑貼到編輯器內,即可順利將圖片崁入到文章中。透過此方式,能補足編輯器的限制,也能讓網站內容呈現更加豐富與完整。