2021【網站架設】神攻略
10大網頁設計主題與公司推薦

公司網站架設該如何開始? 找網站架設公司報價，網站架設費用是多少呢? 若自架網站網站架設流程是什麼呢? 如何買網址、RWD、Wordpress是什麼。 不管上述那個情況，然後就躁鬱症發作，問題大暴發。心想弄一個形象網站設計真的那麼難嗎? 其實一點都不難，貴設計10大主題網頁設計教學，分享如何架設網站、網站架設流程、素材準備，架設網站真的一點都不難。 就讓我們開始 GO！GO！

關鍵字: 網站設計 網站架設費用 RWD響影式網站設計 網站設計公司推薦 WORDPRESS網頁設計

文章作者:陳艾文，目前為貴設計網站架設公司負責人 ，曾任職於104、IBM、菲律賓外商主管。網站開發10餘年經驗，曾獲獎三屆國家級比賽特獎，拿下獎金上百萬，有豐富的網站架設經驗，若有正在尋找 台北網站架設公司 請參考貴設計，以下為部份形象網站範例。

目錄

➤ 官方網站的重要性?

官網大家一定耳熟能詳，但每位獨立出來的創業家卻也未必都有一個官網，最大的原因不外就是費用高昂，所以取而代之的便是 Facebook粉絲專頁。 所以有了Facebook粉絲專頁、Youtube、Instagram等社群平台，我還需要網站嗎？
答案其實"是的"，很多企業主諮詢時都會提出的問題，但也有不少店家、企業選擇不架設網站，只經營Facebook的粉絲頁，「台灣人愛滑手機，使用臉書的比例偏高，為何不直接開一個粉絲專頁不是更有效？」。 這時候通常我們都會試問一下請問有那一個大品牌，只有FB粉絲團、IG，卻沒有官網的呢?。
官方網站其實是你在茫茫網海中的門面，你有意走網路行銷就必需準備品牌官網。而官網建置完成不是一個終點，是一個更大的起點。 你要開始網站管理經營、廣告行銷、網站優化、網站升級擴充功能等等。這些的目地就是為了持續經營官方網站在廣大的網海中的品牌形象、同時也透過網路行銷拓展客群、增加業績。 所以為什麼我們需要官方網站？網站優點有很多，但首先讓我們來看看Google怎麼說：

官網的重要性是連Google都認同的，所以想了解更多官網架設的好處嗎?請參考 【官方網站架設】的重要性你知道嗎?

➤ 網站種類有那些呢?

如何架設網站的第一個步驟，請先清楚哪種網站的種類適合已身的企業。因為不同種類網站架設費用會差到百萬， 若貴公司只是要一個小小的企業網站又何需客製化網站的費用呢? 所以為了不白花冤枉錢，搞清楚適合的種類是重要的。

以上是網站的種類，但或許還有聽過RWD網站、Wordpress網頁設計。RWD網站指的是官網要滿足RWD響應式網站(響應式網站設計是什麼)。 所以上述三種種類有滿足RWD響應式網站，都可以稱之為"RWD網站"。

而Wordpress網站則是指網站製作軟體是使用Wordpress(也有些使用Wix、Weebly、Google Blogger)，就會稱之為Wordpress網站(請參考 Wordpress網頁設計是什麼)。因此形象官網或電商網站若是使用Wordpress製作的，我們也會稱之為Wordpress網站。 所以RWD網站、Wordpress網頁設計，其實是從技術的角度定義網站。

➤ 主機、網址URL、IP 是什麼？

每一個網站都需要架在一台電腦上面，因此該電腦即是所謂的"主機"。 主機對於環境有很嚴苛的要求，如溫度、濕度、24小時開機、不斷電系統，因此要自架在家裡是不可能的，除非是玩票性質， 因此信譽良好、不易當機的主機商便是很重要的。此外還要注意的項目如下

• 網站主機位置，請務必選擇亞洲地點，網站下載速度很重要。
• 網站主機商，不用比了就是Siteground 、Cloudways (適用於企業) 。英文不好的請選Godaddy(適用個人玩票、不適合企業)，台灣主機商偏貴。 租主機可找貴設計。
• Uptime： 主機商都會保證"99% Uptime"，這是指主機有保證99%都是正常執行不死機(參考用)。 Uptime很重要，若網站1個月營業額上千萬，今天停機2小時公司就虧損上百萬。
• 熱門網紅、部落格主的網站，請選擇適當的網站空間(10G居多)與流量
• 勿用共享主機，硬體資源是大家共享的，當愈多網站加入你的主機，你的網站就會愈慢，問題愈多，甚至連IP(共用IP)都會被列成黑名單。 主機費很低的，大都是使用共享主機。

➤ 網站前台、後台是什麼

網站前台、後台 ，就用餐廳來舉例吧。你在餐廳內用餐，餐廳內所有看到的裝潢、擺設、牆壁顏色等一切就是這個餐廳的前台，而後台就是所謂的廚房，廚房需準備餐廳前台的一切食物、飲料、餐點等。 以網站來講，你是一個FB網站的訪客，當你進入某某FB粉絲團所有看到的內容、網頁介面、資訊等一切，都是需要一個後台進行上稿、發EDM。
所以網站前台是讓網路使用者瀏覽的畫面，如文字、圖片、特效、動畫、表單填寫。前台都會由網頁設計師規劃排版讓網站精美呈現。 網站後台則為管理網站功能、使用者登入，文章頁面、商品等等。

➤ RWD響應式網頁設計是什麼？

響應式網頁設計(RWD) ，是指網站的畫面會依瀏覽器的尺寸，自動變換網頁排版，而不會造成網頁在不適當的尺寸下造成使用者體驗差勁的問題， 所以一個網站滿足RWD設計原則(可用RWD開發工具Bootstrap)是基本需求。
若外包商在網頁製作階段提出RWD網頁設計報價要加1萬，請直接封鎖這間RWD網站架設廠商。因為RWD已是標配，現在是行動網站的時代，人手2隻手機的可能性大增， 你的網站沒有滿足RWD的規格的話，就不用妄想會有陌生訪客從網站詢價。

➤ Wordpress網頁設計是什麼？

Wordpress是功能強大的內容管理系統（Content Management System），全世界有30.6%的市佔率，也就是全球有3成的網站、 ，將近7億5千萬的形像網站、購物網站、部落格都是Wordpress建置，Wordpress知名網站如 美國白宮、CNN、BMW、FB都是愛好者。
Wordpress的初衷是一套內容管理系統(CMS)，最適合建立部落格網站，但隨著WP演化，它可用來建立形像官網、電子購物車、線上教學平台， 甚至用來做簡易的半客製化系統。對於一般只需形象官網的你，透過WP就能簡單管理你的網站， 而不是像過去需要寫一堆的程式碼，只需在後台修改頁面跟文章，就如同Word一樣的簡單。而且WP是免費、開放式的程式碼。 還能快速的擴充各式的功能(稱之為外掛)，只需輕輕一鍵即可。
在Wordpress網頁設計價格，相對於過往使用Java、PHP都簡單且便宜許多。 Wordpress架站費用大概4萬5至6萬。但若是客製化網站費用可是會嚇死人，所以沒事不要做客製化的網站。

➤ Https是什麼？

簡單創的網址是https://ezstartup.cc，在網址前面有一個"https"，這代表網站透過協定上的加密機制後能夠防止資料竊取者就算攔截到了傳輸資訊卻也無法直接看到傳輸中的資料，講白一點就是資料從網站傳到你電腦上的瀏覽器都是經過加密的。

有心截取你資料的駭客是無法解密的(理論上)。網站要使用免費的https，可以去Cloudflare or Let's Encrypt註冊。一年大概可以省下2xxx多的成本。 但當然加密等級是有差的囉！

請問我的主機位置在那裡? 網址IP一年費用? 網站有提供免費的https加密嗎? 網站應該會有完整的前後台權限吧?  應該會有RWD吧，然後再請問一下是WP網頁設計嗎?

➤ 網站架設流程

網站架設流程如下圖，這些步驟是完成一個網站最最基本的流程，缺一不可。步驟1、2 、5、6都只要設定一次即可。而3、4屬於網站優化的部份，會一直repeat、repeat、再repeat。

➤ 租網站主機、網頁空間

上一章節提到主機即是存放網站的地方，目前市面上有很多主機提供商，歐美品牌(如Linode、Siteground) 、本土品牌如中華電信、智邦、戰國冊..等。
若您問我說那一個比較好呢？對網站架設有概念的人選擇Siteground、Cloudways，架站新手Godaddy則最適合(有中文介面，三年4500左右)。Linode、GCP、AWS難度過高，不適用於非IT人員。

➤ Godaddy買網址

網址購買，一般費用約1000元上下。若為特殊網址，費用會有可能高達上萬元。以貴設計 ，都是在Godaddy購買，中華電信、PC Home買網址都不建議，因為介面難用，未必便宜、DNS轉換又慢。

1. 介面簡單乾淨好友善:相對中華電信很OLD FASHION的介面，Godaddy你定會覺的非常好用。
2. 客後服務好好找:中華電信的客服電話告訴你，非常難找，一直在電話中。
3. 網址買錯退費好人性:上次買錯一個網址，當下找客服處理，10分後就馬上退費。
4. DNS生效好快速:參考更多DNS介紹
5. 程序簡單好快速:中華電信買個網址需要輸入至少10個欄位，Godaddy買了直接刷卡帶走。買錯還可以退款。
6. 多樣化網址選擇好方便:直接參考下圖吧。.com是台灣最愛的，但隨著網址也跟著進步，不用再死守.com的網址囉。

➤ 網站建置素材準備

網站建置最重要的就是素材、素材、素材。素材美觀精緻大方，網站建置就會漂亮(尤其是圖片，可參考GinerC)。因此網站素材，如圖片、影音、文案，通常這幾點是會花最久的時間去準備。 剩的就是一堆小東西如網域、DNS設定、主機廠商、免費圖片都會負責處理。

➤WP網頁設計

網路上有很多的平台、套裝軟體、網站架設公司都有提供網站架設的服務。 要找免費網站架設請參考 Google網站架設、 Wix、Weebly網站架設。 但貴設計網站架設推薦還是使用Wordpress網頁設計，透過視覺化的介面，只要輕鬆拖拉即可簡單快速的架設網站。再透過Wordpress佈景主題、外掛的功能，達到美化及網站擴充，可參考Wordpress知名網站。以下是Wordpress網頁設計教學的資源供參考。

➤ Google Analytics安裝

Google Analytics(GA)是由Google所提供的網站流量統計服務，但GA能提供的絕不是單單統計而已，能做的超乎你所想像(參考網站優化 )。但先安裝就對了。
Google Analytics安裝步驟

1. 登入GA : 請點擊Google Analytics
   
2. 點選左邊最下面齒輪形的圖示-->建立資源
   
3. 勾選網站
   
4. 輸入網站名稱及網址。有https加密，請務必選擇https
   
5. 送出後你就會得到一個追蹤ID。
   
6. 回到你的Wordpress網站後台，安裝以下外掛，並至Plugin Setting輸入剛的追蹤ID，再回到你的GA-->即時-->內容。若有1位活躍使用者，則代表你安裝成功了。
   

➤Google網站登錄

你知道每天有多少次的Google搜尋次數嗎?其實全球有近93%的搜尋行為都在Google上發生，也代表每日有上億人口在Google這什麼東西的。 而你的網站無法在Google被搜尋到，就代表你無法做到這群人的生意，更悲慘的是這群人都變成競爭對手的生意了。可想而知，要能夠被Google搜尋出來是一件多麼重要的事情啊。 所以請記的把網站提供給Google收錄。一旦收錄，才會有訪客可透過Google搜尋進入到你的網站，不然你的網站一定會變成蚊子館。
簡易方法：將你的網站到處分享到FB粉絲團，Google的蜘蛛會隨著網址爬爬爬，就爬到你的網站。如此就做好"收錄"的動作。簡單快速只要一秒鐘，但被收錄的時間會較慢。
標準作法：登入你的Google Search Console，並送給Google收錄即可。在未來網站經營，只要有新網頁or網頁有所更動，建議都讓Google重新爬一次。

➤ 網站優化

網站架設完成後，還會開啟一個大議題網站優化。網站優化的目地很簡單，就是為了將網站轉化營業額出來 (下個月薪水、明年年終) 。 所以此時Google Analytics(GA)就是最好的工具。如上所提GA是Google提供的網站流量統計服務工具，此外它可以觀察網站訪客的行為、狀態、轉換...等等。最主要你可以在GA做5件大事情。

1. 即時：即時觀察網站人數、流量來源、事件、地區
2. 目標對象：了解客戶、網站訪客的樣貌，例如族群年齡、性別、客層、興趣、裝置...等等
3. 客戶開發：網站訪客從那個管道來? 也就是流量來源
4. 行為：網站訪客進入網站做了什麼事情
5. 轉換：網站訪客有無完成我們期待做的事情

例如下圖

網頁/apply-trademark.html， 被瀏覽了28,040次、 不重複瀏覽量23,444(粗略的解釋就是2萬多人的意思)、在這頁看了3分22秒..然後近68%的人看完直接離開網站。

所以可以從GA了解網站的狀態，但最難的是看完數字後你要如何去解讀這些數字，進而提出解決方案。不然就跟看股票一樣，有看沒有懂。

➤搜尋引擎優化

何謂搜尋引擎優化呢?就是透過Google上有成千萬上億的使用者搜尋到你的網站，進而購買你的商品。所以 關鍵字優化的目地就是為了提昇網站流量，不然網站就會變成蚊子館。 但要如何優化呢？請先安裝Google Search Console(GSC)吧。 安裝GSC後，你才可以開始大玩所謂的"搜尋引擎優化Search Enginer optimize(seo)"。什麼是SEO呢？

➤ 轉換率優化

轉換率優化是最難的一件事情，從小轉換到大轉換都需要透過工具觀察。如上所提的GA也是轉換率優化工具。另一套推薦的是Google最佳化工具(Google Optimize)。透過Google最佳化工具的AB-Testing方法測試網站訪客偏好，以增加網站轉換率。

如上圖，我們在測試在五種字樣，那一個文字最容易激起網站訪客點擊電話播出。 看資料顯示原始版本"立即來電"這個字樣的轉換率為1.54%，高於其他字樣(如立即播打、馬上播打)的轉換率。結果我們就沒有換字樣了 (這實驗白做) 。

➤ 網站速度優化

快速的網站，不只為網站帶流量，也帶來營收。所以確保公司官網能夠快速下載，尤其在人手一機的時代就更是金律。同時網站的下載速度也影響著轉化率，可以參考以下圖。當速度愈慢，轉換的百分比就會減低 。

網站速度測試工具如PageSpeed Insigh(如下圖)、 Pingdom，這個分數沒有絕對。但就是建議比你的競爭對手高即可 簡單創的商務中心的頁面，下載速度為100分(電腦版)，手機版應該會略低。但不求高，只求比競爭對手好。 在圖片優化的部份，檔案上限不要大於600k，一般只要100k~200k左右。手機拍出來的照片(約為2M~5M)建議使用工具：tinypng 或是 Shortpixel把圖片的壓縮再上傳到網站上。

➤ UIUX優化

只要做網站很多老師開始講到UIUX，什麼是UIUX？他們差異在哪裡？

UI＝產品該怎麼呈現，要設計每一個與使用者互動和操作的畫面。像是網站所有的風格、整個產品設計元素的一致，例如：定義什麼時候出現警告狀態的動作、什麼時候用什麼元素的跳出與跳出來的方式等。
UX＝產品用起來的感覺， UX是要確保產品從這一步到下一步符合邏輯，這需要第三人來測試，我們須在旁邊觀察使用者行為，因為自己測試很容易有盲點。 UX要關心所有會影響使用者體驗的一切，例如：資訊架構、互動設計、內容、價值觀等。

UIUX關係圖（圖來源：Userexperiencerocks）

UIUX關係圖（圖來源：Conversion Lab）

所以其實UI與UX是密不可分的，UX是使用者體驗，使用者體驗當然也包含了UI的畫面與互動等。

➤ 網頁設計小撇步?

網站優化除了透過上述的工具與方向，貴設計再跟您分享一些網頁設計小撇步。

1. 使用者滑鼠點擊三下，讓使用者便能找到重要的資訊
2. 網站名稱的命名，請先將名稱Google一下，千萬不要取到同樣的名字，撞衫是還好，重點是有可能會觸商標法。
3. 網站首頁務必乾淨、漂亮。讓使用者一目了然網站重點部份。過度凌亂的網站易讓使用者彌留。就直接關閉視窗。
4. 所有對外的連結，語法要加上target="_blank"。這代表網站使用者點擊連結時會新開視窗，不然你的網站使用者就會跑到別人家網站。
5. 網站文字不是連結的部份，勿用藍色。大家很習慣看見藍色就以為是可以"點擊的連結"，當網站使用者點擊之後卻沒有動作，使用者體驗會不好。
6. 避免404連結(即是壞掉的連結)。可使用brokenlinkcheck檢查
7. 網站基本的品質就是圖片勿破圖，同時勿用解析度過低的圖片，會讓網站非常的醜陋。

8. 網站在文字、圖片，顏色的對比很重要。
9. Chrome與Safari是二大瀏覽器陣營，請檢查網站在這二個瀏覽器是精美漂亮。
10. 請檢查網站在以下螢幕解析度的外觀:手機為360x640、375x667、414x736、電腦版為1920x1080、1536x864、1400x900、1366x768 (資料統計:熱搜情報網)
11. IPhone是一個較封閉的系統(穩定、速度快、錯誤少)，有些js的行為會跟Android系統不同。所以檢查javascript檔在IPhone是可執行的。
12. 善用行動呼籲設計(CTA)、網站轉換率直直衝

➤ 網站架設基本成本有那些?

➤ 網站架設費用?網站維護費行情?

坊間的網站架設公司收費模式月收、年收、一次收難以比較。建議 一次抓10年網站架設總費用來比較CP值。

1. 中華電信、智邦：費用5,000~1,000。無響應式網站、無網站流量費用、網站維運費用。適用族群:只要一個網站即可，沒有額外要求。
2. Wix / Weebly / 架站平台：25,000~40,000 網站無法搬家、搜尋引擎最佳化差(SEO(搜尋引擎最佳化)是什麼 )。適用族群:新創、純資訊曝光、對美感無太大要求、牛刀小試、練習用網站
3. Wordpress網頁設計：45,000~60,000。Wordpress費用較為昂貴、網站靈活性高，外掛擴充容易，處處可搬家，網站流量費用、維護費用視外包商決定。適用 族群:有隱定收入的中小企業or純形像官網要求的中小企業、電商。
4. 原刻：10萬~1000萬+。相當昂貴，但網站彈性極高，沒有寫不到的功能，只有寫不出來功能的工程師。適用族群:網站需要相當的客製化功能。

1. 廣告圖片設計:大大小小的廣告圖片、FB影片、IG活動圖片
2. 網站行銷費:如Google/FB廣告、傳統DM、電視廣告費。這個可是一筆極大的費用，若你了解的話，你就會知道網站架設費用是小錢。
3. 以網址結尾的Email:如[email protected]。以Google收費單月一人是150元，10個人單月就是1500。若包括雲端空間加大還有額外的費用。
4. 自動網站備份:例如All-in-One WP Migration付費版 3000元。每日可以自動備份至各式的平台、電腦。
5. 電子報系統:如MailChimp(大猩猩)，單月300起跳。Mailgun 單月1000起 or 用多少算多少。
6. 刷卡手續費:電商網站的線上刷卡手續費。如藍新客戶線上刷卡購買完成會收2.8%的手續費(100元收2.8元)，及在提款時會收取提領手續費(提領手續費每個月4次免手續費、第5次起每次10元手續費)。更多有關於 購物網站建置
7. [email protected]:[email protected] 推播訊息計價費，單月數千元。了解更多請參考Line for Business
8. API使用費:若有使用到第三方的API，依呼叫使用次數收費。如Google的服務 Static Map、動態街景服務、Dynamic Maps。參考更多Google Cloud
9. 線上客服系統:專業的線上客服系統功能。如自動分流、客戶分析和報告。Zendesk
10. 手機簡訊費:一般會使用簡訊做網站客戶的手機認證、事件通知等等，簡訊費用各大廠商均不同。一般短訊息約為1元，國際簡訊每通扣3點。字數超過短簡訊的限制，則會被歸類為長簡訊，費用也會不同。
11. 付費外掛:Wordpress有許多付費的外掛，費用從1000~3000不等，也有部份是使用月費收費。
12. 資安維護費:如弱點掃描、資安檢測。從7,000~15,000不等。

➤ 客製化網站設計費用

客製化網站讓人又愛又恨，它非常好用， 將近可滿足99%的需求，但就是非常的昂貴，隨便都是上萬起跳 。

➤ 一頁式網站設計費用

那做一頁式網頁網頁要多少錢? 費用會切分為一頁式"網頁" or 一頁式"網站" 。若是網站的話，其實還是要去買主機、買網址、安裝Wordpress、外掛、Https..等等硬體架構。 所以它的功並未比一個網站少太多，一般都是2萬~3萬5上下。
但若是網頁排版(如html檔)，一頁式網頁排版價格大概是12,000(包含5個區塊, 不含頁首、頁尾，有些網頁設計公司是採用網頁高度)。中間的功包含美術視覺設計、動態程式撰寫、圖片/圖示製作、程式設計報價、及最花功的切版成HTML檔。 若區塊愈多的話，費用都再往上變高。

➤ Godaddy買網址+Https、DNS設定

買網址就是Godaddy，介面清楚明瞭、DNS轉換設定簡單好用、速度快、網址多樣化選擇，費用也不貴。但買網址的時後，仍是可以多比較不同平台，不同的地方費用仍是會不同。

請注意上圖價錢的下方有一小排灰色字體"適用於第一年"，這代表費用只有包含首年，第一年看似便宜，但若以長期購買使用的話，其實你是一點折扣也沒有賺到的，若你一次買10年，其實一點打折也沒有。

購買網址需註冊Godaddy，購買網址後去"帳戶-->我的產品"，就會看見你買的網址了。

1. 請先註冊Cloudflare： https://www.cloudflare.com/zh-tw/，並新增網站將網址填入
   
2. 完成後，你就會看見你的網址，接著點擊進去(貴設計是網站架設公司就有很多網址要設定)
   
3. 將畫面拉到下方Cloudflare名稱伺服器，接著將紅色部份回填到Godaddy名稱伺服器即可。
   
4. 再回到Cloudflare DNS設定，將IP填入以下紅色區塊就大功能告成。
   

➤Siteground購買主機 + 安裝Wordpress

SiteGround成立於2004年主機商公司，擁有400多名員工。SiteGround提供虛擬主機、雲託管主機、網域等等。 SiteGround運作時間保證是99.99%，所以他們的伺服器不會有當機或連不上的問題。

為何選擇SiteGround？

1. 免費SSL加密憑證
2. 免費 CDN
3. 每天自動備份，自動備份前30天資料
4. 主機穩定性優
5. 24/7客服服務，線上即時聊天，回覆速度快
6. SG介面乾淨，好上手
7. Wordpress一鍵安裝，5分鐘搞定
8. Wordpress免費輕鬆搬家，SG提供免費外掛
9. Wordpress自動更新

如何在SiteGround建立Wordpress？

1. 註冊登入後，到HOME 就會看到 Set Up Site，點進去。
   
   
2. 選擇Start a New Website。 ps.如果你現有Wordpress網站才選擇Migrate Website。
   
   
3. 選擇Wordpress。 ps.如有需要WooCommerce可以點選Wordpress+WooCommerce。
   
   
4. 設定登入資訊，之後登入都以這帳密登入。
   
   
5. SiteGround有提供加購網站掃毒的工具，看需不需要加購，不需要直接按Finish，Wordpress網站就完成了！
   
   
6. 直接登入網站。
   
   

在完成Siteground主機之後，將Siteground取得的IP設定至Cloudflare DNS即可 。

➤ Wordpress網頁設計與安裝佈景主題

安裝好Wordrpess後，請輸入 "https://購買的網址/wp-admin"。再輸入登入帳密就可以登入。

登入之後，就會看見如下的後台。就代表你已經成功至少50%了。
接著需購買Wordpress版型，Wordpress版型請參考【Wordpress版型推薦】佈景主題下載秘技。剩的請閱讀以下的Wordpress網站教學

➤ 網站收錄

你的網站能在Google被搜尋到嗎? 我要如何讓Google搜尋到我的網頁呢? 【網站收錄】就好比新生兒出生報戶口的動作。 而時代的演進，全球主要的搜尋行為高達93%都在Google上發生(參考下圖)， 所以網站架設完成後，請務必至Google登錄。不然花了4、5萬打造一個蚊子館實為浪費， 請參考以下貴設計跟您分享3種將網站收錄到Google方式。 2020年3種【網站收錄】的方式，最快只要1秒鐘！

➤ WooCommerce+線上刷卡

前面的步驟已經完成一個Wordpress形象網站，但要如何架設網站賣東西呢? Wordpress購物車電商網站設計，就請直接安裝Wordpress的購物車模組 - WooCommerce。 WooCommerce的功能涵蓋了以下幾個重要功能
1)商品管理:對商品圖文影介紹、商品上下架、定價、折扣、庫存管理、運送方式....。
2)訂單管理:訂單清單、訂單資訊、訂單狀態調整 。
3)銷售報表:依年、月、過去七日統計銷售總額、曲線報表。
4)折價券:折價券類型、折扣種類、金額、描述、到期日、使用限制等。
其他還有顧客管理、分析各式資料。上述功能對於一個需要電商購物網站的客戶是已經非常足夠的，而部份的網站會特別安裝一些組合優惠的外掛。 這也只需要網站搜尋Wordpress外掛即可。EX:Advanced Dynamic Pricing for WooCommerce、WPC Product Bundles for WooCommerce、YITH WooCommerce Product Add-Ons。
如何安裝WooCommerce，請參考以下影片。安裝完成後在你的左選單會看見WooCommerce的項目，就代表安裝成功了，接著就要開始串金流囉！

申請藍新金流的會員是不需付費，只有在客戶線上刷卡購買完成會收2.8%的手續費(100元收2.8元)，及在提款時會收取提領手續費(提領手續費每個月4次免手續費、第5次起每次10元手續費)。 此外請先準備銀行帳號及個人or企業的基本資訊(身份證、統編、地址)，申請時均需要輸入。
藍新金流個人會員可自行開立商店使用信用卡支付、Web ATM、ATM轉帳、超商代碼繳費、條碼繳費等完整金流機制，並享有簡易快速收款功能，輕鬆整合處理收付帳款，即時掌握交易紀錄。 註冊個人會員 。
企業會員則可自行開立商店使用信用卡支付、Web ATM、ATM轉帳、超商代碼繳費、條碼繳費等完整金流機制，並享有簡易快速收款功能，輕鬆整合處理收付帳款，即時掌握交易紀錄。 註冊企業會員
了解更多藍新金流可參考企業會員FAQ。 接著回到主題，要能夠申請線上刷卡會分為三個步驟

1. 註冊藍新金流:註冊後需輸入銀行帳號(需要等1~2個星期驗證銀行帳號)，提款時錢才能夠轉進你的戶頭內，另外要記的開通信用卡刷卡、ATM轉帳、到貨付款等功能(如上所述)。
2. 安裝藍新金流Wordpress外掛：記得先下載WooCommerce線上刷卡外掛。下載後解壓縮，內有一個zip檔，再使用手動上傳外掛即可安裝(可參考以下影片)。
3. 設定藍新金流外掛 :請務必設定三個值 1)藍新金流商店 Merchant ID(即商店代號) 。2)藍新金流商店 Hash Key 。 3)藍新金流商店 Hash IV，如何設定請參考影片。 設定完成請把啟動測試模組取消，接著在商品新增一個1元的商品，再拿自已的信用卡刷卡試用即可。若刷卡有誤請檢查剛設定的3個值。若仍是不行請洽藍新金流的客服部門。他們回話速度還滿快的。

➤ 免費虛擬主機/網站空間

創業初期想要製作網站，需要虛擬主機、網站空間，貴設計找到了幾個免費網站空間，讓你省下一筆費用，也能享受不錯網站空間。

注意事項：

• 免費虛擬主機/網站空間都會有各種風險，畢竟是免費的，主機商擁有主導權，如果事業步入軌道，可以考慮採用付費方式，確保公司網站能一直都好好的。
• 做部落格做到流量太大時，也建議採用付費方式，畢竟很多免費的都會有限制流量或是容量，到時候會導致網站掛掉，要特別注意一下。

➤ 免費網站架設平台

想自己打造網頁卻不會寫程式嗎？以下介紹免費架站平台完全不需要程式碼也能在幾分鐘就擁有高質感個人或企業網站，只需要拖拉、編輯的方式產生網站。

➤ 免費購物網站架設

想在線上開店又不想在購物網站賣，那邊競爭太強烈了外，又綁手綁腳的，那就來自己架設購物網站吧！以下提供各大電商網站，基本上電商網站很少有免費的，都是需要收點費用，電商有需要更多設定，例如：安全、金流、物流等，所以有些會採用抽成、付一些基本費用，很多家都提供14-30天的免費體驗，都可以嘗試看看你喜歡哪一家。

➤ 免費網頁模組下載

會寫程式的人看過來～這裡有免費網頁模組可以下載，免去從0到有，免自己動手寫程式，大大提升網站架站的效率！以下有CSS、HTML5、Bootstrap、Wordpress網站模板、佈景主題，都是響應式網站，對製作網站開發者來說，是一大福音！

➤ 免費圖片下載

設計師、部落客與小編常常需要大量的高質感的照片，在哪裡才能找得到免費的圖片呢？很多圖庫下載時會發現有浮水印、或著圖片很小，必須付費才能下載原始檔，以下提供免費、沒浮水印、不小的圖片，快收藏下來吧！

1. Pixabay：百萬張免費的照片，不需要註冊，可用於商業用途。
2. Unsplash：高解析度圖庫，無需付費、也不用標記原作者名稱，可用於商業用途，每十天更新10張圖片。
3. Picjumbo：免費高畫質圖片，可商業用途。
4. FreeImages：30萬張免版稅照片，可以商業用途。
5. Morgue File：38萬張免費高畫質，可以商業用途。
6. Gratisography：免費高品質照片，可商業用途，每日新增圖片。
7. Pickupimage：免費高品質照片下載自然和戶外場景，無須要求授權，可以複製、修改等，可商業用途。
8. Life of Pix：提供免費高品質照片，可以使用自由修改、複製，可用顏色去搜尋照片，可商業用途。
9. Foodiesfeed：超過1600張食物照，如果需要美食相關照片，這可以下載，可商業用途。
10. Pexels：可任意使用的免費上萬張圖庫相片，免費用於商業用途，無需註明相片來源。
11. CleanPNG：提供免費高畫質透明背景的圖庫，無限下載。
12. SplitShire：免費下載照片，可商業用途。
13. Stockio：免費下載照片，可商業用途。

➤ 免費影片下載

網站架設為了要讓網站更生動活潑，有時需要一個背景影片，以下推薦給你。

1. Pixabay Free Videos：數千隻免費的影片，可用於商業用途。
2. Pexels Videos：可任意使用的影片，免費用於商業用途，無需註明影片來源。
3. Coverr：免費影片下載，可商業用途。
4. SplitShire：免費影片下載，可商業用途。
5. VidsPlay：免費影片下載，無版權限制，可商業用途。
6. Mixkit：免費影片下載，有自然、商業、動物、食物等，可商業用途。
7. Stockio：免費下載影片，可商業用途。

➤ 免費圖片編輯

小編、部落客絕不能錯的的免費圖片編輯，完全免費，並且可以自由使用下載，不要猶豫了，趕快把這篇加入書籤，也可以分享給朋友～

1. Photopea：類似Photoshop線上版，可以免費編輯圖片、開啟PSD、XD、PDF、RAW、Sketch、SVG等。
2. inPixio Remove Background：網站提供免費去背，可以迅速去除背景轉為透明背景。
3. Moose Photos：不用再找圖庫找圖了～自己動手做吧！可以選擇人物、物件、背景來製作圖片，可以免費下載JPG檔案，如需要PSD要付費。
4. Vector Creator：使用向量插圖製作圖片，打造符合你的網站，可以下載PNG檔案，如需要SVG要付費。
5. DesignCap：加快你的創作過程，為你的業務、活動、社交媒體等製作精美的圖形設計，可免費下載JPG檔案，可以免費儲存5個設計。
6. Stencil：社群媒體宣傳圖、廣告圖、部落格圖片都需要美美的Banner，可以在這裡製作，內建有大量的免費圖庫，加上文字，有各式各樣廣告尺寸。
7. Canva：人人都能建立專業的設計，數十萬張免費照片和圖片，100+ 設計類型，完全免費。

➤ 免費圖示

網站架設很需要一些圖示讓網站更活潑，以下免費圖是可以下載。

1. IconPark：上千圖示可以下載SVG或PNG。
2. Evil Icons：線條圖示，免費SVG下載。
3. Icon8：萬個免費圖示，可下載PNG、SVG
4. Basicons：208個圖示免費下載。
5. System UIcons：免費使用220個圖示。
6. Feather Icons：286個圖示免費下載。

➤ 免費向量插圖

1. PixelTrue：每週都會更新向量圖與動畫插畫，可商業用途。
2. PICaboo：日本可愛向量圖，可下載EPS、PNG檔案，可商業用途。
3. FLAT ICON DESIGN：日本扁平化設計圖，走簡約風、可愛，可商業用途，有提供Ai、EPS、JPG、PNG、SVG下載。
4. illustAC：人物、交通、植物、美食等的插圖，可商業用途。
5. FREE LINE DESIGN：各式各樣的分隔線裝飾線，可以免費下載，可商業用途。
6. Icons8 Illustrations：提供插圖下載，讓不會畫插圖的創作者，也能有高質量的圖像，可以用於商業用途，但須標示出處來源。
7. Blush：免費用戶只能下載小型or中型的PNG圖片，可商業使用。
8. Free Control Illustrations：提供108種向量圖，免費的只提供PNG檔案下載，可以使用商用途，付費才提供可編輯向量檔案。
9. DrawKit：每日更新，提供彩色與單色風格SVG下載，圖包含了商業、人物、交通、旅行等，可商業用途。
10. unDraw：扁平化插畫設計，很適合使用在於網頁設計、開發、簡報製作，可免費下載SVG、PNG檔案，可用於商業用途。
11. Illustration Gallery：每週更新，提供向量圖，提供SVG、PNG檔案下載，可自行修改、編輯，可用於商業用途。
12. Stories by Freepik：可以在線上自訂調整顏色、背景、人物等，還可以變動態的，可以免費使用，但需標示來源。
13. illlustrations：這是一個開放原始碼插圖庫，已經有120+向量圖，開放下載Ai、SVG、PNG、EPS，可用於商業用途。

➤ 免費CDN

1. CloudFlare
2. Incapsula
3. Jetpack免費CDN：Wordpress專用

➤ 免費Https加密功能

1. Cloudflare：除了DNS，也提供內建免費SSL功能。
2. ZeroSSL
3. AlwaysOnSSL
4. SSL For Free

➤ 找網站設計要注意的事項？

➤ 台北網頁設計推薦

貴設計是台北的網頁設計公司，專研Wordpress網頁設計、SEO、形象官網、購物車網站架設。 使用的技術專為企業網站設計，Wordpress+RWD(響應式網站設計)+Siteground雲端主機，定能滿足你專業網站的需求。

請參考我們的網頁設計作品範例 ☞以及視覺、 明燿線材、 Cathy造型師工作室、 Ginger C.、 金磚鳳梨酥、 零距離、 沉風雅檀、 天使之翼 ，都是我們部份的網站範例，您可以參考。
貴設計官網設計包括的領域有創業平台、3D列印廠商、政府單位、新秘、攝影、電商平台、視覺設計、商務中心...。更甚包括海外 菲律賓台商總會也是我們客戶之一。
若您有網站架設的需求 or 尋找台北網頁設計公司建置網站，如一頁式網站製作、購物網站架設、Wordpress網站設計 ，歡迎與我們聯絡。

➤ 網站架設費用

若有需要到府為您講解，請加我們的Line、FB，我們將排人過去為您解說(限新竹、桃園、雙北地區)

➤ 32個優質教學文推薦

➤ 網站設計範例作品集

更多網頁設計範例 ➔

網址:https://web-design.vip/
Email:[email protected]