跳至主要內容
×

不會寫程式或 Photoshop,如何製作響應式網站?

可以先走視覺化建站與套用模板的路線,不必從手寫程式或 Photoshop 製圖開始。提供的材料中,Imweb 活動介紹直接主打這類需求,並宣稱支援手機與電腦對應畫面;WordPress、Wix、Webflow 的文章則支持免寫程式編輯網站的做法。不過,能拖拉出頁面,不代表每個模板、客製功能與手機版效果都已符合需求,選擇時仍要分開確認。

先分清楚:響應式是版面適應,不是修圖能力

Mobile01 的技術回覆將響應式放在前端範圍,指出基本上可用 HTML 與 CSS 實現,JavaScript 則可輔助。另有使用者分享,以 CSS 搭配媒體查詢學習基本響應式頁面的經驗。這些材料說明,重點是內容如何隨螢幕寬度排列,而不是是否會用 Photoshop。

對不想碰程式的人,可優先找有手機與電腦版面支援的編輯工具。Imweb 的介紹符合這個方向,但它是活動宣傳,不是獨立實測;其中「滿足所有需求」的說法,不宜直接當成效果保證。

依照想修改的範圍,選擇建站方式

  • 想從現成模板開始:Semrush 的 2024 年房地產工具文章介紹 Wix,提到拖放編輯、可自訂的房地產模板,以及主機、網域註冊等整合服務。這支持房地產展示網站的入門用途,不能據此保證所有產業需求都能套用。
  • 希望日後擴充內容與功能:Semrush 的 2021 年文章介紹 WordPress 主題、外掛及 Gutenberg 區塊編輯器,可拖拉調整內容順序與外觀。Yoast 的 2026 年文章也建議,若想超出既有模板範圍修改網站,可考慮 WordPress;這是作者建議,不是唯一選擇。
  • 重視在頁面上直接調整設計:Neil Patel 網站的 2025 年文章將 Webflow 列為無程式背景團隊的選項,也提到中繼資料等 SEO 設定。不過,作者同時認為其 SEO 功能不如文中其他選項全面、易用。

免寫程式的界線,在客製需求而非工具名稱

可先列出必需項目:只是介紹服務,還是需要商品銷售、聯絡表單或特殊互動?WordPress 材料列有表單元件與電商外掛的例子,表示部分功能不必從零開發;但不代表任何功能都能直接拼裝完成。評估時,應把「能改文字圖片」、「能調整不同尺寸版面」與「能增加功能」分開確認。

AI 也不能跳過這一步。Mobile01 有發言者稱,曾讓 ChatGPT 參考指定網址生成一頁式網站,自己沒有寫程式;這只能支持該次自述。材料沒有交代手機版測試或後續維護結果,因此不能把生成頁面直接等同於完成可用的響應式網站。

主題的網路各方意見

不會寫程式,想在網站賣商品該怎麼開始?

可考慮用 WordPress 安裝電商外掛,例如 WooCommerce;也有主機商提供附模板與電商功能的網站編輯器,適合希望減少部分設定的人。Mobile01 的回覆者建議留意主機穩定性與客服是否容易聯絡;實際選擇前,仍應確認方案是否具備自己需要的銷售功能。

WordPress 對完全不會寫程式的人一定比較容易嗎?

不一定。WordPress 的主題、外掛和區塊編輯器可協助沒有程式背景的人調整網站,但仍須面對功能選擇與設定。一位使用者認為 WordPress 方便許多人快速建立部落格,自己卻不習慣處理眾多外掛、主題與設定,因而偏好自行寫功能;後者也需要程式概念。

找低價廠商套模板,有哪些限制要先問清楚?

可先確認模板能修改多少、是否符合品牌需求,以及特殊功能能否製作。Tenten 對中國、香港或台灣搜尋到的部分低價方案提出警告:這類服務可能只對預製模板做有限修改,並有功能、程式碼品質或使用體驗方面的疑慮。這是文章的風險評估,不能推論所有低價方案都有問題。

參考資料

  1. [學習] 付費-台北-10/27 2小時打造個人風格網站www.ptt.cc — 本文論述的參考來源。
  2. 自行設計網站,需要大家的建議www.mobile01.com — 本文論述的參考來源。
  3. Top 10 Best CMS Options for SEOneilpatel.com · 2025-06-06T16:00:00+00:00 — 本文論述的參考來源。
  4. 網站App外包迷思:為何4A並非最佳選擇tenten.co · 2025-03-29T15:18:48.000Z — 討論:找低價廠商套模板,有哪些限制要先問清楚?
  5. Drupal vs. WordPress: Which Should You Use?www.semrush.com · 2021-07-27T20:14:00Z — 討論:WordPress 對完全不會寫程式的人一定比較容易嗎?
  6. Got an old website? Update it and refresh your SEOyoast.com · 2026-07-06T12:46:52+00:00 — 本文論述的參考來源。
  7. Mastering the Market: 12 Essential Real Estate Marketing Toolswww.semrush.com · 2024-06-04T17:06:00Z — 本文論述的參考來源。
  8. 請問響應式網站是不是純屬css等語法?www.mobile01.com — 本文論述的參考來源。
  9. 請問響應式網站是不是純屬css等語法?www.mobile01.com — 本文論述的參考來源。
  10. 創業應該如何選哪種網站架設?www.mobile01.com — 討論:不會寫程式,想在網站賣商品該怎麼開始?
  11. 使用cloudflare架設個人網站經驗www.mobile01.com — 討論:WordPress 對完全不會寫程式的人一定比較容易嗎?
把問題繼續聊下去

一起討論 0 則留言

你遇到什麼狀況?留下問題或實作經驗,一起找到下一步。

目前還沒有留言,歡迎開始第一個討論。

留下你的想法

← 繼續找答案
聊聊你的需求

從你的品牌開始聊。

告訴我你的網站,以及你希望達成的目標。

用 LINE 聊聊 tony@procrustes.info