本篇提供一條零成本的免費網站建置路徑,讓你在不需要自域名與自家主機的情況下,快速打造可公開存取的自訂網站。流程分成兩步:先建立網站,再透過拖放設計與個性化設定完成外觀與內容,完全不需寫程式。
我親自實踐這套方法:從免費託管起步,安裝 WordPress,選用 Astra 主題搭配 Elementor 拖放工具,直接以模板起步再客製化。你可以即時調整文字、顏色、Logo,新增頁面與導覽,甚至完成域名遷移,或搭配 Hostinger 取得自訂域名與完整 hosting。
文章目錄
- 從免費主機開始打造專業網站 Infinitfree 註冊驗證與域名選擇要點
- 一鍵完成安裝與設定 WordPress 控制面板與安全要點
- Astra 與 Elementor 快速打造專業外觀的模板與編輯技巧
- 以 Hostinger 搭配 Migrate Guru 無痛搬遷自訂域名的實務流程
- 免費方案的局限與升級建議 何時該投資自有域名與主機
- 常見問答
- 綜上所述
從免費主機開始打造專業網站 Infinitfree 註冊驗證與域名選擇要點
要點速覽:從免費主機起步,快速打造專業網站,重點在於熟悉 Infinitfree 的註冊驗證流程、免費子域名的可用性與日後升級自訂域名的轉移方法。掌握 wordpress + Astra 主題、Starter 模板與 Elementor 的拖放設計,就能在不用寫程式的前提下,做出專業級外觀與功能。
- 註冊與驗證:在 Infinitfree 官網註冊帳號、驗證電子郵件,選擇免費方案並初步設定域名。
- 免費域名與控制台:使用免費子域名,熟悉控制面板與 Softaculus 的 WordPress 安裝流程。
- 快速上手工具:安裝 WordPress 後,選用 Astra 主題與 Starter Templates,再以 Elementor 進行拖放自訂。
- 內容與發布:透過 Elementor 編輯頁面與元素,定義標題、文字、圖片與按鈕,並定期點選 Publish 保存變更。
在 Infinitfree 的實作流程中,關鍵步驟如下,適合照著做就能獲得可用的免費網站。
- 註冊與驗證:前往 Infinitfree,填寫郵件與密碼,完成郵件驗證與帳號建立。
- 建立免費站點:選擇免費方案,設定免費域名(可在後續移除子域名、改成自訂域名)。
- WordPress 安裝:進入控制面板,打開 Softaculus 應用安裝,選擇 WordPress,並填寫站點名稱與描述、使用者帳號與密碼。
- 佈景與編輯:到 Astra 主題-Get started with starter templates,選用 Elementor 作為拖放頁面編輯器,選取免費模板並開始客製。
- 內容與外觀調整:透過 Elementor 修改文字、顏色、Logo 與圖片,並在完成後按 Publish 保存。
若日後需要自訂域名與穩定離線遷移,以下是實作方向與重點要點。
- 自訂域名與托管:透過描述中的 Hostinger 連結購買主機與自訂域名,使用 Creator Pro 網站優惠碼可獲額外折扣與優惠。
- 方案與優惠:建議以商業方案為主,含更多網站與免費 CDN、每日備份與域名一年免費等好處,長期成本最低且穩定。使用 12 個月結帳期間常見更低價格,搭配優惠碼再降。
- 域名與備份:註冊域名、啟用每日備份、啟用 CDN 與域名隱私保護,降低風險與垃圾電話/詐騙。
- 遷移流程:在新域名主機上安裝 WordPress,於舊站點安裝 Migrate Guru 插件,取得遷移金鑰並在新站點輸入完成遷移,完成後 DNS 變更即可生效。若新域名不在列表中,選取「其他主機」並貼上對應的遷移金鑰。DNS 全域傳播可能需要最多 24 小時。
一鍵完成安裝與設定 WordPress 控制面板與安全要點
快速完成安裝與設定 WordPress 控制面板的要點如下,直接依照截取內容實作,確保你在同一時間完成安裝、登入與第一輪的安全設定。
- 在主機控制面板中選擇 Softaculus App Installer,找到並安裝 WordPress。
- 點擊 Install,設定站台名稱、描述、以及管理員帳號與密碼,完成後可透過
yourdomain/wp-admin 登入。
登入後,按照影片流程快速完成網站佈局與主題設定,以下是關鍵步驟:
- 前往 外觀 > 主題,新增並安裝 Astra 主題,然後啟用。
- 點擊 取得起始模板,選擇 Starter Templates 與 Elementor 作為拖放頁面設計工具。
- 於模板中挑選一個免費模板,替換內容與圖像,若有 logo 就上傳,並以預設顏色開始,之後再以 Elementor 進行自訂。
- 完成後先在自訂/主題設定中調整導覽列與頁首,確保標誌與導覽鏈結符合你的品牌。
以下為不可忽略的安全要點,確保站長級別的保護與長期穩定性:
- 強密碼與唯一管理員帳戶:管理員帳號勿使用常見名字,並搭配複雜密碼。
- 雙因素驗證 (2FA):於主機提供的安全設定或使用插件啟用,增強登入防護。
- SSL/HTTPS:啟用 Let’s Encrypt 等免費憑證,強制整站使用 HTTPS,避免資料在傳輸過程中被竊聽。
- 安全性插件:建議同時安裝 Wordfence、Sucuri 等安全插件,設定防火牆與惡意程式掃描。
- 自動備份:設定每日或更頻繁的備份,包含資料庫與檔案,並將備份存放於外部媒體或雲端。
- 登入與存取限制:限制登入嘗試次數、必要時以 IP 白名單/黑名單控管,避免暴力破解。
- 禁止編輯檔案:在 wp-config.php 加入
define('DISALLOW_FILE_EDIT',true);,避免管理介面直接編輯核心檔案。 - 檔案權限設定:核心檔案設定為
644,目錄為755,wp-config.php 建議使用更嚴格的權限。 - 隱藏版本與資訊洩漏控管:移除或隱藏 WordPress 版本號與其他敏感資訊,以降低攻擊面。
- 自訂登入路徑:可使用插件變更預設登入位址,降低自動化暴力攻擊的機率。
- 防火牆與 CDN:搭配 Cloudflare 等 CDN/防火牆服務,增強全球效能與額外防護層。
- 定期更新與監控:維護核心、佈景與外掛在最新版,定期檢查安全日誌與網站可用性。
另外,為了維持長期穩定性與可追溯性,請設定定期備份與測試還原流程,並在完成站點佈局後,記錄登入路徑、管理員帳號與主要設定,方便日後維護與擴充。
Astra 與 Elementor 快速打造專業外觀的模板與編輯技巧
在 2026 年教你打造免費網站的過程中,Astra 與 Elementor 提供了快速、可自訂的專業外觀方案。Dale 的實作以兩大步驟展開:先用免費託管啟動站台,再以 Astra + Starter Templates 搭配 Elementor 進行快速設計。你只需在 InfinitFree 建立帳號、安裝 WordPress、安裝 Astra 主題並啟用 Starter Template,接著選用 Elementor 作為頁面建構器,即可瀏覽眾多免費模板並開始編輯。這套流程讓你不需要寫一行程式碼,就能產出可直接上線的專業網站。
進入 Elementor 編輯介面後,理解結構會讓你事半功倍。左側是元件面板,可拖放到畫面右側的編輯區,右上方顯示即時預覽。區塊分為 Section(整個區段,背景不同即為一個 Section)、Columns(區段內的欄位)與 Widgets(小工具,如文字、圖片、按鈕)。要修改樣式,只要選中元件切換到 Style 與 Hover,就能調整顏色、字型、間距等,並可即時看到改動。想換成新圖片,只需選取圖像,點擊 Choose Image 傳入新檔案;要刪除整個區塊,點 X 刪除,若不小心走錯路,Ctrl+Z 可快速回退。完成後別忘了按 Publish 保存變更。當你要調整整體導覽與頁首,則回到 WordPress 後台的 Customizer,使用 astra 的設定來編輯 Header、Menu 與整體色系。
若要從免費方案搬到自訂域名與主機,同樣有條理的路徑。先在 Hostinger 等商務方案取得自訂域名與主機,常見優惠包含免費域名、每日備份、CDN 等,使用 Creator Pro 的折扣碼可再享 10% 折扣。接著可使用 Migrate Guru 將現有的免費站匯出並在新域名站點匯入,流程包含在舊站安裝並啟用遷移外掛、取得遷移金鑰、於新站貼入金鑰並執行遷移,域名傳播可能需要最多 24 小時完成。
- 快速要點
- 免費方案工作流程:InfinitFree 免費託管、WordPress 安裝、Astra、Starter Templates、Elementor 編輯等。
- 自訂域名方案重點:Hostinger 商業方案、折扣、免費域名與 CDN、每日備份等。
- 遷移流程要點:安裝 Migrate Guru、取得遷移金鑰、在新站貼回金鑰、完成遷移,DNS 可能有 24 小時傳播期。
以 Hostinger 搭配 Migrate Guru 無痛搬遷自訂域名的實務流程
以下是以 Hostinger 搭配 Migrate guru 無痛搬遷自訂域名的實務流程要點:
- 前置條件:採用 Hostinger 商業方案,享有多站管理、每日備份與 CDN 等優勢,並配合 Creator Pro 的優惠碼以取得額外折扣。
- 取得自訂域名並將域名託管於 Hostinger,確保域名在一年內穩定解析與管理。
- 於 hostinger 控制面板建立網站,透過 Softaculous 安裝 wordpress,設定站點名稱、描述、以及管理帳號與密碼。
遷移實務流程,核心在於無縫將現有免費站遷移到新域名與主機上:
- 在 舊站 的 wordpress 後台安裝並啟用 Migrate Guru 插件;選取搬移,並選擇 Other hosts 以便輸入新主機相關資訊。
- 在 舊站 的 Migrate Guru 介面取得遷移金鑰,接著在新域的 WordPress 安裝中同樣安裝 Migrate Guru。
- 於新站的 Migrate Guru 介面複製或貼上遷移金鑰,啟動搬移;系統會自動驗證並將舊站內容匯入新域名的主機。
- 完成後,於新站登入驗證,確保文章、媒體與頁面等完整搬移,並視需要調整佈局與設定。
完成搬遷與域名切換後的要點與注意事項:
- 在 hostinger 的新域名上測試網站,確保 DNS 已正確指向新伺服器,必要時設定 A 記錄與 CNAME。
- 進入新站的 WordPress 後台,更新永久連結(Permalinks),並檢視所有頁面是否正常顯示。
- 為避免遺失,搬遷前後務必留存完整備份,並在搬遷期間維持原站可存取以作比對。
小撇步與實務建議:
- Astra 與 Elementor 組合在新站上提供快速佈局與拖放設計,搭配 Starter 模板可快速產出專業網站。
- Hostinger 的 CDN,並利用 Creator Pro 的優惠碼再降低成本。
免費方案的局限與升級建議 何時該投資自有域名與主機
免費方案的局限 雖然能快速上線,但若長期經營,風險與限制不容忽視。常見問題包括只能使用子域名、外掛與主題選擇受限、廣告或品牌信任度不足,甚至在 SEO、網站速度與資料控制等面向都較難掌控。
- 子域名與品牌信任:缺少自有域名,專業形象與信任度較難建立。
- 功能與控制權限制:外掛安裝、完整備份、郵件功能與自訂設置受限。
- 遷移風險與長期穩定性:日後搬家成本與流量波動風險較高,影響使用者體驗與 SEO。
- 速度與安全性受限:難以充分運用 CDN、快取策略與高階安全設定。
何時該投資自有域名與主機?當網站開始走向穩定流量與商業用途時,升級才具備價值。實務判斷要點如下:
- 有穩定流量與詢問,免費方案難以承載成長。
- 需要自有域名、專屬郵件與更高品牌信任度與 SEO 表現。
- 想要完全掌控外掛、佈景、備份與安全策略,並可自由搬移至其他主機。
- 需要多元功能(商務、電商、會員系統)與長期成本的可控性。
升級實作策略與參考案例,以下提供可操作的路徑與價值考量,協助你在可控預算下完成從免費到自有域名與主機的轉換。我在實務中通常先以一個穩定的商務方案作為起點,並搭配內容搬移與設計重建的流程,確保過渡順暢且不影響現有流量。
| 項目 | 要點與價值 |
|---|---|
| 自有域名與主機方案 | 以 Hostinger 等方案為例,商務方案常見約 3-5 美元/月,含多站點、CDN、每日備份,並提供 12 個月免費域名與域名隱私保護,長期看具有高性價比。 |
| 與免費方案的遷移 | 使用工具如 Migrate Guru,將現有內容與設定遷移至新域名與主機,最小化流量波動與風險。 |
| 建置與上線 | 在新域名下重新安裝 WordPress、Astra 主題、Elementor 等,並於自訂中設定標頭、導航與頁面結構,最終發布前確保 SEO 與速度優化。 |
常見問答
🌐 如何在完全免費的條件下建立可被網路訪問的網站?
可以在完全免費的條件下建立並讓外部訪客訪問的網站。
步驟要點:前往 infinitfree.com 註冊免費網站主機,完成信箱驗證與選擇免費方案與域名設定;接著使用控制面板的 Softaculus 安裝 WordPress,設定站點名稱、描述,以及管理帳號與密碼。登入 WordPress 後,安裝並啟用 Astra 主題,搭配 Starter 模板與 Elementor(拖放頁面建構器)進行設計與內容編輯,無需寫程式碼。完成後即可發佈,讓公眾能瀏覽你自訂的網站。
🎨 想要不寫程式就自訂免費網站的外觀,該怎麼做?
可以透過 Astra 主題搭配 Starter 模板與 Elementor 拖放編輯器快速實作。
具體做法:在 WordPress 後台安裝並啟用 Astra 主題,點選 Get started with starter templates,選擇 Build with templates 並搭配 Elementor;從免費模板庫中選擇一個模板開始(如 Personal sites 分類中的模板),替換 Logo、文字與圖片,並可調整顏色與排版。使用 Elementor 編輯介面,左側顯示可拖放的元件,右側是編輯區;可修改按鈕顏色、滑鼠移到時的 Hover 顏色,並在需要時更改標題、文字與圖片。完成後可透過 Customize 進一步調整頁首與導覽列,最後點 Publish 保存變更。
🚀 如何將免費網站搬遷到自訂域名與主機以便長期使用?
需要購買自訂域名與主機後,才能長期使用並自主管理。
步驟與要點:透過 Hostinger 等商用主機取得自訂域名與托管,並使用 Creator Pro 的折扣與優惠,通常包含免費域名、每日備份與 CDN 等好處;在新主機上安裝 WordPress;然後在舊站安裝 Migrate Guru 外掛並啟用遷移,取得遷移金鑰;在新域名的 WordPress 安裝同樣的外掛,輸入金鑰並執行遷移以把內容移過去。遷移完成後,DNS 需要時間傳播(最多約 24 小時)才會顯示新域名指向新主機;完成後即可在新域名上繼續編輯與管理。需要注意的是,免費方案無法提供長期穩定的自主管理與完整功能,使用自訂主機才是最佳選擇。
綜上所述
結語:你現在已掌握在零成本下建立專業、可公開上線的網站的完整路徑,並清楚從免費方案過渡到自有域名與自主管理托管的實作要點。以下是本次教學帶來的關鍵資訊增益與洞見:
– 零成本起步的實務路徑:利用 InfinityFree 提供的免費主機與域名選項,完成註冊、驗證、建立帳戶,以及選取免費域名的全流程,快速讓網站在網路上可訪問。
– 不用寫程式的設計流程:選用 Astra 主題搭配 Starter Templates 與 Elementor 拖放式頁面配置,讓你能以視覺化方式搭建與自訂網站骨架,省去寫程式的成本與難度。
– 直觀的編輯與自訂要點:透過 elementor 的區塊與小工具,輕鬆修改文字、按鈕、顏色、影像,以及頁面排版;再透過 WordPress 自帶的自訂與 Astra 設定,輕鬆調整頁首、選單與整體風格。
– 內容與結構的實用策略:從新增頁面、建立隱私政策等常用頁面,到以模板快速起步,並學會在需要時以 AI 協助產出區段內容,提升效率。
- 從免費到自有域名與托管的過渡技巧:如果你需要自訂域名與長期穩定托管,透過 Hostinger 的方案與優惠可取得折扣與免費域名,並利用 Migrate Guru 將現有網站順利遷移至新域名與主機。還有域名傳播可能需要時間的實務提醒,以及備份與隱私保護等附加價值。
立即行動的呼籲(CTA):
Get up to 75% off your hosting + a FREE domain name with Hostinger:
👉 https://createaprowebsite.com/hosting127
Make sure teh coupon code: CREATEAPROWEBSITE is used on checkout.
免費試用與進一步學習的選項也在這裡:
Free website hosting here: https://www.infinityfree.com/
如何把這些步驟落地到你的專案中?點擊上方連結,選擇合適的方案,於結帳時使用優惠碼 CREATEAPROWEBSITE,取得折扣與免費域名,接著在新域名與主機環境中,透過 WordPress 與 Elementor 逐步匯入與自訂內容,最終得到一個專業、快速、穩定的網站。

中央大學數學碩士,董老師從2011年開始網路創業,教導網路行銷,並從2023年起專注AI領域,特別是AI輔助創作。本網站所刊載之文章內容由人工智慧(AI)技術自動生成,僅供參考與學習用途。雖我們盡力審核資訊正確性,但無法保證內容的完整性、準確性或即時性且不構成法律、醫療或財務建議。若您發現本網站有任何錯誤、過時或具爭議之資訊,歡迎透過下列聯絡方式告知,我們將儘速審核並處理。如果你發現文章內容有誤:點擊這裡舉報。一旦修正成功,每篇文章我們將獎勵100元消費點數給您。如果AI文章內容將貴公司的資訊寫錯,文章下架請求,敬請來信(商務合作、客座文章、站內廣告與業配文亦同):[email protected]


