教學影片・跟著章節一步一步學

教學引導影片

從註冊、付款、拿到網站,到學會怎麼跟 Roamer AI 說,讓它幫你把網站做好。跟著旁白和字幕,一章一章學。

  • 9個章節
  • 7:23總長
  • 中文旁白+字幕
看章節 ↓

建議開聲音。畫面是依實際介面重畫的動畫示意,可以隨時暫停、拖進度或換倍速。

示意動畫:跟 Roamer AI 說你想要什麼,它幫你把網站做出來。

跟著章節學習

九個章節,從零到做出網站

可以從頭看到尾,也可以直接點你需要的那一章;看完的章節會打勾。

動畫示意
1 第 1 章・0:34

註冊帳號

用 Google 帳號最快,不用等驗證信。

重點筆記

  • 最快:按「使用 Google 帳號註冊」
  • 用 Email 也可以:姓名、Email、密碼至少 8 個字元
  • 不用收驗證信,註冊完直接進控制台
看旁白逐字稿

歡迎來到 RoamerHost,我們從頭開始,第一步是註冊帳號。在網站上按「免費註冊」,最快的方式是按「使用 Google 帳號註冊」,選好你的 Google 帳號就完成了。沒有 Google 帳號也沒關係,填上姓名和 Email,密碼至少八個字元,再按「免費註冊」。註冊好會直接進到控制台,不用等驗證信,接下來就可以選方案了。

動畫示意
2 第 2 章・1:14

選方案、付款

選 WP × Roamer AI 進階版,填好資料就能刷卡。

重點筆記

  • 要 AI 幫你做網站,選「WP × Roamer AI 進階版」:年繳 NT$11,988(平均每月 NT$999)
  • 結帳頁可以自己取網址:名稱.roamerhost.com,不填會自動產生
  • 發票:個人選一般收據;公司選公司發票、填統一編號
  • 方案一律年繳,確認本期應付金額後付款,付款在藍新金流的安全頁面完成
  • 隨時可以取消續約,沒有違約金
看旁白逐字稿

接下來選方案。打開 WP × Roamer AI 的方案區,想讓 AI 幫你做網站、管網站,就選右邊的「WP × Roamer AI 進階版」,主機、網站、AI 三合一,年繳平均每個月九百九十九元。按下「立即訂閱」。結帳頁最上面,可以幫網站取一個容易記的網址,系統會馬上檢查有沒有人用過;不填也沒關係,會自動產生一個。接著確認聯絡資料,填上手機號碼;發票可以選一般收據,公司要報帳就選公司發票,填上統一編號。右邊的訂單摘要,確認是年繳、金額一萬一千九百八十八元,就按「前往付款」。付款會轉到藍新金流的付款頁,輸入信用卡資料就可以了。之後隨時可以取消續約,沒有違約金。

動畫示意
3 第 3 章・0:40

一分鐘拿到網站

付款後自動安裝 WordPress,完成後直接帶你到管理頁。

重點筆記

  • 付款後自動安裝 WordPress,通常不到一分鐘
  • 管理頁看得到網站網址,之後也能綁自己的網域
  • 「登入 WordPress 後台」一鍵登入,不用帳號密碼
  • 最快開始:按「用 AI 開始架站」
看旁白逐字稿

付款完成後,系統會自動幫你安裝 WordPress,畫面會一步一步顯示進度,通常不到一分鐘就好,這段時間你什麼都不用做。完成後會直接帶你到網站的管理頁。這裡是你的網站網址,一開始先用系統給的暫時網址,之後也可以綁定自己的網域。想自己進 WordPress 後台,按「登入 WordPress 後台」,不用輸入帳號密碼。不過最快開始的方法,是按最上面這顆「用 AI 開始架站」。

動畫示意
4 第 4 章・0:40

打開 Roamer AI

從網站管理頁一鍵打開,網站已經自動連好。

重點筆記

  • 「用 AI 開始架站」會打開 Roamer AI,並自動連好網站
  • 左下「作業站點」就是 AI 會動手的網站,輸入框上方也會顯示「正在操作」
  • 有好幾個網站:按三個點切換,一次只改選中的那個
  • 輸入框已放好範本,把括號換成你的資料再送出
看旁白逐字稿

按下「用 AI 開始架站」,Roamer AI 就會打開,而且已經自動連好你的網站。左邊的「作業站點」,就是它接下來要動手的網站;輸入框上面,也會顯示「正在操作」的是哪一個站。如果你有好幾個網站,按旁邊的三個點就能切換,它只會改你選的那一個。輸入框裡已經放好一段範本,把括號裡的內容換成你自己的資料,就可以送出了。下一段,我們來看第一則訊息怎麼寫最好。

動畫示意
5 第 5 章・1:07

第一則訊息:做出首頁

把店名、賣什麼、客人是誰、聯絡資料和風格一次講清楚。

重點筆記

  • 一次給齊:店名、在哪裡、賣什麼、客人是誰
  • 電話、地址、營業時間照實寫,AI 不會自己編
  • 風格用一個畫面形容,也可以說你不要什麼
  • 做整個首頁會先列計畫,回「好,照計畫做」才開始
  • 做完會自己截圖檢查桌機和手機,附上網址
看旁白逐字稿

第一則訊息最重要,就像第一次跟設計師開會。先說店名,在哪裡、賣什麼,客人是誰;再把電話、地址、營業時間一次給齊。這些資料 AI 不會自己編,有寫的才會放上網站。風格用一個畫面來形容,像「早晨的咖啡館,溫暖、有木頭的感覺」,會比只說「簡約」好用得多,也可以說你不要什麼。送出之後,做整個首頁這種大工作,它會先列計畫給你看。你回「好,照計畫做」,它就開始設計版面、寫文案、產生照片,大約十幾分鐘,你可以先去忙別的。做好之後,它會自己截圖,檢查桌機和手機,有跑版會先修好,最後附上網址讓你點開來看。

範例訊息(換成你自己的資料)

我想幫我的咖啡店做官網。店名「晨光咖啡」,在台中西區,賣手沖咖啡和自己烤的甜點,客人大多是附近的上班族和學生。電話 04-2301-5678,地址台中市西區公益路 100 號,每天 8:00–18:00 營業。風格想要像早晨的咖啡館:溫暖、有木頭的感覺,不要太花俏。先把首頁做好,含頁首選單和頁尾,做完截圖給我看。

動畫示意
6 第 6 章・0:47

小修改,直接跟它說

改字、換照片,說清楚哪一頁、哪一區、改成什麼。

重點筆記

  • 說清楚:哪一頁、哪一區、要改成什麼
  • 補一句「其他不要動」,它只改你說的地方
  • 放照片:按迴紋針或直接拖進來,一次最多 3 張
  • 看到好幾個問題,就編號一次列出來
看旁白逐字稿

首頁滿意之後,小地方直接跟它說就好。說清楚是哪一頁、哪一區、要改成什麼,像「首頁大標題改成『一杯咖啡,慢慢醒來』,其他不要動」。這種小修改它會直接做,通常一兩分鐘就好。想放自己店裡的照片,按輸入框左邊的迴紋針,或直接把照片拖進來,一次最多三張。再告訴它要放在哪裡,例如「用這張換掉首頁最上面的大圖」。如果一次看到好幾個問題,就編號列出來,它會一項一項處理,也會一項一項回報。

動畫示意
7 第 7 章・0:38

復原與確認碼

每次修改前自動存快照;有風險的操作要你按下確認才會做。

重點筆記

  • 每次修改前都會自動存一份快照
  • 不喜歡就說「復原」,也可以只改回某一處
  • 更新外掛、換佈景主題、還原備份,會先給你確認碼
  • 按「確認執行」才會動手,按「先不要」就取消
看旁白逐字稿

每次修改之前,Roamer AI 都會自動存一份快照。改完不喜歡,直接說「復原」,它就會把剛剛那一步退回去。也可以說得更細,像「按鈕顏色改回去,其他保留」。比較有風險的操作,像更新外掛、換佈景主題、還原備份,它會先說明要做什麼,再給你一組確認碼。要等你按下「確認執行」,它才會真的動手;不想做,就按「先不要」。所以就算不懂技術,也不用擔心它亂改。

動畫示意
8 第 8 章・0:57

讓 AI 做得更好的習慣

五個寫提示詞的好習慣,加上公開前的最後檢查。

重點筆記

  • 講結果,不只講動作
  • 先做首頁,滿意了再「照同樣的風格做其他頁」
  • 只改一區時,補一句「其他不要動」
  • 想換整個風格,要明講「重新設計」
  • 不確定它懂不懂,就說「先列計畫給我看」
  • 公開前,請它把每一頁的電腦版和手機版都看過
看旁白逐字稿

再來分享幾個習慣,讓 Roamer AI 做得更好。第一,講結果,不要只講動作。「幫我改按鈕」,不如「首頁最上面的按鈕改成金色,點了連到商店頁」。第二,先做首頁,滿意了再說「照同樣的風格做其他頁」,方向不對只要改一頁。第三,只改一區的時候,補一句「其他不要動」。第四,想整個換風格,要明講「重新設計」,不然它會沿用現在的設計。第五,不確定它懂不懂,就說「先列計畫給我看」,確認了再做。網站要正式公開之前,請它把每一頁的電腦版和手機版都看過一次,再問它:可以公開了嗎?

動畫示意
9 第 9 章・0:46

額度與找真人

額度怎麼算、用完會怎樣,以及搞不定的時候怎麼辦。

重點筆記

  • 進階版每天都有修改額度,台北時間 00:00 重置;用完會停在安全的地方,隔天接著做
  • WordPress 基本版每月有 3 次對話可以體驗
  • 搞不定就說「找真人」,工程師會用 Email 跟你聯繫
看旁白逐字稿

最後,說明一下額度。WP × Roamer AI 進階版每天都有修改額度,台北時間半夜十二點重置,輸入框下面的小圓圈,會顯示今天還剩多少。萬一用完了,它會停在安全的地方,告訴你還差什麼,隔天再接著做。WordPress 基本版每個月有三次對話可以體驗,想讓它幫你把整個網站做好,再升級進階版就可以。如果遇到它搞不定的問題,直接說「找真人」,工程師會收到這段對話,用 Email 跟你聯繫。教學就到這裡。現在就打開 Roamer AI,跟它說說你想做的網站吧!

WP × Roamer AI・60 秒開站

看完了,
換你動手做

開好網站之後,把剛剛的範例訊息換成你自己的店名和資料,貼給 Roamer AI,網站就開始做。

  • 主機+網站+Roamer AI 三合一
  • 隨時可取消續約
  • 搞不定有真人工程師
產品教學按下播放,跟著旁白一步一步做0:00 / 7:23

嗨,我是小浪!有任何問題都歡迎點我詢問,我來幫你解答。

小浪

小浪 - AI小助手

在線中
小浪

有任何問題都歡迎隨時詢問我,我會盡力為你解答!

Powered by RoamerHost AI