網站架設:17 個教學設計(網頁製作+建置費用)
文章推薦指數: 80 %
什麼是DNS 設定? WordPress 教學; 架設網站的多種方法; 開源軟體評價. 架站平台公司評價; 外包網頁設計製作; 自學 ...
Skiptocontent
希望這篇文章對你有幫助!
如果希望我協助「網站建置、網站健檢等..」,歡迎聯絡我。
這是一篇完整的「網站架設」教學課程,建置觀念到製作流程,一次學會。
想自己架設網站,如:部落格架設、形象官網製作、購物網站架設、個人或公司網站設計等..?
你可能覺得委託網頁設計公司的建置費用過高,於是打算自架網站?沒關係,我當初的想法跟你是一樣的。
這篇網頁設計教學,我會用WordPress軟體為主軸進行教學,它是一款全球熱門的網頁製作平台,很適合新手架站。
不需要複雜的流程,只要照著我的文章走(前面幾章節,有用數字標示的),就能完成網域申請>虛擬主機推薦租用>WordPress網站製作。
★☆—重要資訊—☆★
犬哥網站與Bluehost主機有長期合作關係,點擊網站上任一個Bluehost連結前往官網(包含點擊此連結),最高可享有60%的讀者折扣,請一定要把握:)
至於其他章節,則是額外的網站架站觀念&多種建置方法分享,讓你一次從門外漢進化成高手,本文章節如下。
1.如何自架網站?2.虛擬主機推薦3.Bluehost方案選擇4.網域申請+租用虛擬主機5.WordPress網站製作6.Bluehost其他設定什麼是DNS設定?WordPress教學架設網站的多種方法開源軟體評價
架站平台公司評價外包網頁設計製作自學程式語法部落格平台有哪些?網頁製作平台有哪些?網路開店平台有哪些?網頁設計教學/資源常見問題WordPress學習資源
1.如何自架網站?
架設網站3要素
1.網域申請(申請門牌)
2.主機租用(租一塊地)
3.網頁設計(搭建房子)
網站能正常運作,就需有「個人網域」+「虛擬主機」,這是基本配備。
這也是每個網站主都需負擔的小投資,沒有例外。
差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)
網域如何取名呢?
網域是什麼?「網域」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。
簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。
例:蘋果–https://www.apple.com/
品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。
例:愛迪達–https://www.adidas.com/
與服務or產品有關:與服務或產品有關聯。
例:博客來–https://www.books.com.tw/
去除www:目前大部分新網址都不太會在前面加上www,這是比較舊式的用法。
.com優先:.com是大多數人的直覺印象,主要方便好記,增加搜尋率。
勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。
網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?
一般最常選擇的就是.com類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。
但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。
有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。
tw/cn/jp:代表不同國家,如台灣、中國、日本等..(選擇這類型的網域,可挑選網站主要訪客的居住地)。
co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作com申請不到的替代方案(簡單好記)。
net:網路相關行業可使用,但無明確限制。
info:資訊性類型網站可使用,但無明確限制。
org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等..,但無明確限制。
虛擬主機是什麼?
「虛擬主機」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。
這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。
另一個比喻,如果把網址比喻成「門牌」,那虛擬主機就是「家」的角色。
如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。
如何挑選虛擬主機?
公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。
還有主機的方案規格是否理想。
方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。
WordPress是什麼?
WordPress它是全球知名的網頁設計軟體,全球有40%以上的網站,都來自於WordPress。
WordPress網站使用人數
擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。
或許你不知道怎麼選,請參考優質佈景主題和優質外掛推薦,會給你應該的幫助。
WordPress可完成多種網頁設計,如:部落格架設、個人品牌或公司企業官網、購物網站架設等..
最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。
因為你就是網站的擁有者。
2.虛擬主機推薦
Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。
可參考Bluehost心得評價,了解更多。
不論網站空間、網站速度、價格便宜、客戶服務等..多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。
許多國內外的部落客、企業主、電商經營者,也都把網站建置在Bluehost主機。
Bluehost的客群來自世界各地,所以不用擔心不懂英文,只要搭配Google翻譯,一樣能操作自如。
你也能參考下面影片,進行完整的網域/主機申請+WordPress架站。
有哪家虛擬主機商,對WordPress有良好的支援?
Bluehost是WordPress官方認可的虛擬主機商,對WordPress有良好的支援。
wordpress.org認證的虛擬主機公司(經過官方嚴格審核標準)
Bluehost正常運行時間、網站速度,表現好嗎?
Bluehost全年有99.9%以上的正常運行時間(沒任何一家能保證100%),這是重要的數據,不然訪客無法連上你的網站。
再來,我實測了幾個WordPress網站,在中低價位的各家主機速度評比,Bluehost的網站速度是排行前幾的。
Bluehost網站正常運行比例&頁面載入時間
備註:
Bluehost主機不會是最快的,在速度方面它只是中低價位主機的佼佼者,如果你對主機速度有比較高規格的需求,Bluehost可能會不適合你。
像是經營一段時間有許多穩定流量的人、因為舊主機速度慢想搬家的人、有高網站流量的人,如果你符合這些狀況,建議你可以參考WordPress主機推薦的其他主機。
使用Cloudways(VPS主機)或是A2Hosting的TurboBoost方案,它們的主機速度更快,才會比較適合你的需求,但費用會稍微貴一點。
相關架站教學,可參考Cloudways教學、A2Hosting教學。
如果你沒有以上狀況,可能只是第一次架設網站的人、有預算考量的人(重視CP值)、想簡單快速架站的人..。
那使用Bluehost主機,絕對是最棒的選擇!
Bluehost主機安全性高嗎?
Bluehost 是全球最大的虛擬主機之一,它從2003年就開始營運至今,總部位於美國猶他州奧勒姆市,是一家領先的主機解決方案公司。
老字號的品牌&經營歷史表現了它的穩定度,到目前全球已經託管超過200萬個網域(網站),在全球聘請許多優質工程師打造主機安全性,防止你的網站受到攻擊。
搭配有優質的24/7線上客戶服務,如果怕語言不通,通常用Google翻譯就能搞定(他們有很多亞洲客戶)。
有關Bluehost主機相關問題,也能直接向我詢問,因為我自己就有許多網站是放在Bluehost上,而且也用了好幾年。
接下來,我將開始「Bluehost教學」課程,帶領你繼續架設網站囉:)
3.Bluehost方案選擇
了解完Bluehost這款優質的主機之後呢,這章節就來點評一下主機方案部分,幫助你選擇最適合自己的。
前往Bluehost,選擇WordPress>WordPressHosting(WordPress主機)。
使用Bluehost申請wordpress主機+網域
點擊此處,獲得Bluehost的專屬優惠
往下滑,會看到BluehostWordPress主機方案。
如果不知道如何選擇最適合你,下面我會給你一些Bluehost的方案建議。
Bluehost主機推薦:Basic入門方案功能
要選擇哪種Bluehost方案?
Bluehost的WordPress主機提供4種選擇,分別是Basic方案、Plus方案、ChoicePlus方案、Pro方案。
依照不同方案,全都享有免費的一年個人網域、SSL免費憑證、WordPress自動安裝和更新、24/7全年無休客服,這是超值的功能服務。
基本來說,Bluehost的Basic方案、Plus方案會比較建議選擇,因為費用較便宜且功能已經足夠。
這邊我簡單的統整,方便你找到適合自己的方案。
只有一個網站架設需求:選Basic方案。
多網站架設需求:選Plus方案。
以新手來說,若只有一個網站需架設,選擇Baisc方案是毫無懸念的,此方案也搭配50GB的大儲存空間,是非常夠用。
如果是有多個網站架設需求,建議直接選擇Plus方案,且享有無限儲存空間。
Bluehost費用了解
Bluehost通常費用是,網址$14.99美元/年(一年約450台幣),和主機$8.99美元/月(一年約$3240台幣)。
值得開心的是,Bluehost官方同意為我們網站讀者,提供最高可享有60%的主機折扣。
下表是用台幣計算,美元台幣匯率用經常的1:30換算(P.S當前匯率更低,換算下來更優惠)。
WordPressBasic方案WordPressPlus方案買一年:特價約1062元(原價3600元)買一年:特價約1962元(原價5036元)買三年:特價約5346元(原價9709元)買三年:特價約8046元(原價12949元)
備註:新手可購買1年的WordPressBasic方案,用最少預算入門:)
如果網址同樣在Bluehost申請,Bluehost有提供首年網域免費和附帶免費的SSL憑證,請多加利用。
點擊此處,獲得Bluehost的專屬優惠
這等於說,在Bluehost申請個人網域和主機,最少可用不到2000台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。
不管購買的是哪種主機方案,只要點擊本站Bluehost連結,讀者們都享有優惠價格。
接下來,我將購買1年的WordPressBasic入門方案,當作「Bluehost教學」範例。
4.網域申請+租用虛擬主機
選擇心目中的Bluehost方案,我們就可以開始申請網域和虛擬主機了,這邊簡化3步驟,打造自己的網頁製作。
Step1:選擇方案和申請網域
前往Bluehost,選擇WordPress>WordPressHosting(WordPress主機)。
使用Bluehost申請wordpress主機+網域
點選你想租用的年限&方案,如果預算有限可從Basic方案開始,想架設多個網站就選Plus方案。
Bluehost主機方案費用選擇
申請新網址選Createanewdomain,已經有網址選Useadomainyouown,確認點Next。
有建立新網址&已經有網址,兩種選項
如果「網址」和「主機」都是在Bluehost註冊申請,Bluehost會附贈一年的網址(免繳網址費用),且DNS已經設定完成。
如果網域不是在Bluehost申請,都需進行DNS設定指向,這樣搜尋網址才找的到網站。
想申請第三方網域商,知名的NameCheap會是好選擇,請參考NameCheap教學,內有完整網域申請流程。
Step2:申請資料填寫
使用者資訊需都填寫英文,姓名可到外交部查詢,地址可用中華郵政查詢。
電話部分因為需輸入國際碼有+886,所以把開頭0去掉加上手機或市內電話就可(例如手機:886911000111)。
Email需填寫正確,申請完成Bluehost會寄網域確認信(需點擊啟用)&購買收據等..敏感訊息。
bluehost教學:使用者資訊
主要留意租用多久、是否加購商品、確認消費金額,Bluehost會贈送一年網址和免費的SSL憑證。
加購商品只有DomainPrivacy(網域隱私保護)比較值得加購,其他可不勾選,省預算。
bluehost教學:方案選擇&加購商品
然後填入付款訊息並勾選服務條款,最後按下Submit送出。
bluehost教學:付款方式
這樣一來,個人網域和Bluehost主機就都申請完成囉,太好了。
Step3:創建bluehost帳戶
申請完成後會看到歡迎訊息&收據明細,可把收據保存下來,Bluehost也有同步傳到你的信箱。
接著註冊Bluehost帳戶,這是用來登入Bluehost後台的,點擊Createyouraccount創建帳戶。
bluehost教學:虛擬主機申請完成
下圖,DomainName(你的網域名稱)是未來登入Bluehost的帳號,並輸入你想申請的密碼,確認無誤後點CreateAccount建立帳號。
P.S這裡的資料請妥善保存,是未來登入Bluehost的帳密唷:)
創建bluehost帳戶:輸入密碼
到了這裡,恭喜完成了網域申請>主機申請>Bluehost帳戶註冊的重要流程。
有了這些東西,我們就可以架設WordPress網站囉。
5.建立WordPress網站
到了這邊,應該已經有個人網域、虛擬主機、Bluehost登入帳密了,我們繼續架設WordPress網站。
如果有跟上面流程走,Bluehost帳戶申請完成,會有個Login按鈕,點擊可前往登入頁面。
或是前往Bluehost官網,點右上角的Login登入也可以。
登入Bluehost帳戶
輸入你的網域名稱(或信箱)&密碼,登入Bluehost。
bluehost教學:後台登入
如果是第一次登入,Bluehost會有個引導流程,協助你安裝WordPress網站。
會有多個步驟,都先點選Skipthisstep略過設定流程,直接進行網站安裝。
Bluehost網站安裝引導
網站安裝完成後,會直接跳轉到Bluehost後台首頁,如果有任何加購選項,都先取消。
然後點MySites,就會出現剛架設完成的網站啦!這裡可進入WordPress網站前台&相關網站管理。
前往網站前台&功能管理
備註:因為Bluehost是英文介面,中文標題在Bluehost後台可能呈現問號(除非英文命名),但這不會有任何影響。
如果要前往WordPress後台,可點ManageSite功能管理(上圖),進入點LogintoWordPress,就可以囉。
WordPress後台登入路徑
WordPress網站前台
首度前往WordPress前台,會出現網頁準備中頁面(ComingSoon),這是Bluehost貼心幫忙製作的,等網頁設計完畢後,再切換正式上線即可。
還有,如果網址列出現臨時網域(非剛申請的網域)是正常的。
那是因為Bluehost需把你的新網域,通報給全世界的主要伺服器基地,讓它們收錄你的網域,如此一來你的網域才會被找到(就是一種新生報到點名的感覺)。
等作業完成後,Bluehost會自動把臨時網域,更改成你剛申請的網址(在此之前,如果要登入WordPress後台,建議先從Bluehost後台前往)。
WordPress網站後台
首次登入WordPress後台,建議優先更改網站語言、網站標題、永久連結等..主要項目,方便未來操作。
可參考WordPress後台教學。
點擊此處,獲得Bluehost的專屬優惠
6.Bluehost其他設定
如果有跟著上面的教學,你應該也順利建立WordPress網站了。
接著還有一些事項需完善它,像是信件認證(WhoIs網域身份認證)、Bluehost&WordPress設定、網站正式上線、SSL安全憑證等..。
如果網域是在第三方網域商申請(不是在Bluehost一起申請),別忘了需設定網域的DNS指向,把網域指向剛申請好的Bluehost主機,這樣搜尋網域才會順利看到網站唷。
上面提到的待辦事項,可以參考Bluehost網站製作,補充尚未學習到的部分。
完成後,我們的基礎設施就都建置完成了,恭喜大家。
什麼是DNS設定?
DNS(Domain Name System)又稱為網域名稱系統,是網際網路的一種服務。
所有連上網路的主機都有一組IP位置。
DNS主要功能就是當你輸入網域,可以對應到關聯的IP主機,這個主機也就是網站放置的地方。
DNS很像網際網路的巨大電話簿,當你想找某個人,就輸入電話號碼即可。
這就像是,當你在瀏覽器上搜尋網域時,會找到你租用的虛擬主機,進一步的讀取網站內容,然後呈現在訪客面前。
要讓個人網域和租用的虛擬主機,能對應起來,這時就需進行DNS指向設定。
每一家網域商都有可填寫DNS的地方,流程大同小異。
我有整理一些最佳虛擬主機的DNS指向方式,可找適合你的參考操作即可。
NameCheap(網域商)+Bluehost(主機商)示範,請參考Bluehost的DNS相關章節。
(一般複製貼上即可,比較簡單)
NameCheap(網域商)+Cloudways(主機商)示範,請參考Cloudways的DNS相關章節。
(要自行設定A紀錄等內容)
WordPress教學
WordPress開源軟體讓站長可以最低預算,自行架設網站。
新手站長也可參考犬哥網站上的WordPress教學,來建制專屬於自己的網站。
對於不同主機、功能外掛、佈景主題的搭配方法,可能會產生不同的WordPress建置費用,從最低的架站價格,到進階功能網站的搭配,一切由你自由組合。
開始打造WordPress網站
購買網域+虛擬主機完成後,「WordPress網站架設」初步完成。
接著站長們可開始學習WordPress後台如何使用,幫助你打造更棒的個人、公司形象網站。
開始打造WordPress網站,建置多元網站類型!
全世界有很多專業人士,開發了上千萬種佈景主題和網站外掛,豐富WordPress的生態系。
所以完成前置作業後,我特別挑選了幾款最佳佈景主題和最佳網站外掛,可以幫助你節省尋找的時間。
如果你有想架設的網站類型,這邊,我列出3個常見的WordPress網站類型,你可以直接點擊前往,進行後續學習唷。
個人or公司部落格
個人品牌、公司形象網站
電商平台網站
網站架設完成,開始網路行銷!
最後,開始經營網站的過程,我們還需進行SEO行銷。
更多SEO是什麼。
WordPress因為是最多人使用的開源軟體,所以搜尋引擎都會優先收錄WordPress製作的網頁,同時已累積許多WordPressSEO技巧,可供站長學習。
站長可在進行網站行銷時,搭配關鍵字研究工具+優質WordPressSEO外掛,幫助你分析網站流量,進一步規劃搜尋引擎優化策略。
架設網站的多種方法
「網站架設」有多種方法,不同的作法都各有優缺點,並沒有誰好誰壞,只有適不適合你。
你可以選擇適合的方法,建置個人或公司的形象網站,再搭配網頁設計製作,完整你的網站。
下面我列出幾種最常見的「網站架設」方法,如下。
使用開源的網頁製作軟體,有完全的網站所有權(像是WordPress軟體)。
租用架站平台公司的軟體,但需負擔不少的租金。
外包網頁設計公司製作。
自學程式語法架設網站。
接下來,我會對這幾點進行簡單的優缺點分析,協助你選擇適合的方式建置網站。
開源軟體評價
開源=免費+擁有全部的網站所有權。
這類型的代表軟體,像是WordPress、Joomla、Drupal..,都是屬於此種類型。
其中又以WordPress是最知名的架站軟體,全世界有40%以上的網站是使用WordPress建置,你可在GitHub找到它的底層程式碼。
GitHub是全世界最大的開源程式碼平台,數以萬計的軟體工程師,將其開發的程式碼公開至網路上,並供給其他人做再開發,豐富整個網路世界。
開源最大的好處是,就是有完全的網站自主權,可掌握自己網站的所有資料,如:文字、圖片、網站程式碼、資料庫等。
還有,因為網站開源(底層程式碼公開),所以任何的軟體工程師,都能用此當基礎,向上開發新的功能服務。
像是WordPress就有龐大的功能生態系,能夠架設多種類型網站,像是部落格架設、形象官網製作、購物網站架設..,幾乎能完成你所想。
最重要的是,在架設網站完成後,後續的網路行銷,開源架站軟體可完全讓站長自由控制,不需額外花費解鎖SEO功能,綁手綁腳..。
更多SEO是什麼。
其他的知名架站開源軟體,像是Joomla、Drupal或是其他新興軟體,也有自己的追隨者,但因為使用規模都不及WordPress,這邊就不特別介紹。
優點
完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
有豐富的網站功能生態系,通常只需一鍵安裝即可使用。
可自由控制網站預算,依需求搭配功能。
缺點
需學習如何安裝網站軟體和架設網站,但這通常很容易上手,因為網路上有多種教學課程,像是犬哥網站。
架站平台公司評價
使用架站平台公司的服務,就是跟軟體公司租用架站方案,幫助自己建置網站。
這類型的服務又稱為SaaS(SoftwareasaService),就是軟體即服務,也是常聽到的雲端服務。
代表軟體有很多,有建立部落格的像是痞客邦、Medium、方格子等..。
有可以建立官網設計的,像是Wix、Weebly、Strikingly..,這幾種網站建置軟體。
也有可以架設購物網站的,像是Shopline、91App、Meepshop..。
使用這類型架站方法的好處是,可以省掉網站安裝的流程,因為軟體公司都幫你建置好了,只需付費使用現成的即可。
相對的,使用架站平台公司的軟體也有缺點,因為你只是平台租用者,並非是擁有者。
所以有關你的網站資料,像是文字、圖片、資料庫、程式碼..,都是由軟體公司掌握,這代表你會受到牽制。
假設公司更改收費規則,或是經營不善而結束營業,那網站都可能面臨消失問題。
優點
不需自行安裝建置網站,可直接使用現成的軟體服務。
形象品牌網站的技術服務,有軟體公司的客服可詢問。
適合一次性網站建置,像是行銷頁面、個人作品集..,不打算長期經營的網頁。
缺點
因為只是平台租用者,並沒有網站擁有權,容易受到軟體公司經營的影響。
基本款的平台方案,網站功能通常不完善,目的是為了收取較高額的進階版費用。
租用平台的價格,對於新手或預算不多的人來說,會是一筆不小的負擔。
外包網頁設計製作
將網站建置的需求,外包給網頁設計公司,也是常見的架站解決方法之一。
外包網頁設計的好處是,你可以客製化網站功能,像是預約系統、訂位系統、訂房系統、企業內部管理系統、派車系統..,基本上都有辦法做到。
依照不同的開發難度,選擇的網頁設計公司就很重要,因為網站程式不是寫出來可以運作就好,好的程式架構跟未來的網頁速度,有很大的關係。
且不同網站建置需求,會有不同的網頁設計價格,一次性費用從幾千元到上百萬都有,主要依照客製化程度。
下面我列出幾個常見的提問,可以幫助進一步了解。
如何選擇適合的網頁設計公司?
網頁設計的發展也經歷了好幾個年頭,所以市場上提供相關服務的公司也很多。
我提供一些尋找適合公司的方法,像是公司評價和規模是否理想、網頁作品集是否漂亮、網頁報價是否合理。
這幾個都能當挑選標準,幫助你找到適合的公司。
網頁設計有哪幾種常見方案?
常見的網頁設計方案,有套版方案、客製化方案、租用型方案。
套版方案,這是網頁設計公司已開發完成的系統,然後拿來重複販售。
價格費用相對客製化方案,會比較低一點。
客製化方案,這是依照顧客的需求而特別量身製作,費用通常會比較貴,當然能做的需求幾乎是無極限。
租用型方案,是比較新版的網站方案,因為網路服務的興起,許多顧客可能預算有限或是想先試用看看,網頁設計公司就推出租用版方案。
外包網頁設計製作的優點?
可以客製化網站設計,幾乎能滿足大多數需求。
不需自行安裝建置網站,可直接使用現成的軟體服務。
有任何網站問題,可直接詢問公司人員。
外包網頁設計製作的缺點?
依照不同的需求,會有不同的網站建置費用,從幾千元到上百萬的範圍都有。
無法保證網頁成果品質,不論是頁面設計或是程式碼品質(會影響網頁速度)。
大部分網頁設計公司,不會提供網站程式碼(或資料庫)和不允許自管主機,這跟使用架站平台公司情況相同,你沒有網站擁有權。
自學程式語法
自學程式語法,這個模式和使用開源軟體情況一樣,就是站長擁有最高的網站控制權,從個人網域、虛擬主機、網站內容、網站程式碼等..都能獨立擁有。
這代表,你能完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
自學程式語法是條漫長的道路,因為它是一個技能的培養,沒有幾年的學習時間,是很難架設出功能齊全的網站。
除非架設網站之外,你也剛好想培養一技之長,那學習寫程式會是個好選擇,因為有程度的軟體工程師,公司給的薪水幾乎很不錯。
不然會建議用其他方法建置網站,因為這樣花費的時間可能太多。
網頁前端工程師,學習路線圖
備註:程式語法有很多種,可先選擇一種語言專精即可,像是HTML、CSS、JavaScript、PHP、Python、Java、C#等..。
優點
完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
程式開發學成後,任何功能類型網站隨你架設,不受限制。
培養一技之長,有程度的軟體工程師,薪水待遇通常很不錯。
缺點
程式技術是一門學問,要學習到一定的程度,需要幾年時間培養。
如果單純想建置網站,通常有更好的方法替代。
部落格平台有哪些?
經營網路個人品牌,可能會需要部落格平台,協助你完成Blog建立。
我的最佳作法會使用WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由網站搬家或是更換主機。
更多WordPress是什麼。
使用WordPress不會被任何網頁設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。
可以參考Blog建立,這篇文章中有完整架站教學,或是參考下面影片學習。
建立Blog:如何架設教學(寫網誌+部落格平台)
除了使用WordPress架站之外,這邊也列出幾個常聽到的部落格平台,跟大夥介紹。
痞客邦
痞客邦是老字號的部落格平台,主要的客群來自台灣,好處是它有自己的平台生態,像是話題討論區、主題社團、定期活動..。
對於網站主的好處是,你或許會從中得到一些網站流量,但通常也不多。
痞客邦部落格,社群首頁
但它的缺點也不少,像是佈景主題、後台介面..都偏向舊款設計,會影響網站門面。
痞客邦佈景主題
比較讓人無法接受的,就是痞客邦有超多的網路廣告,讓使用者體驗變得很差,這也是讓許多人遠離的遠因。
當然你可以關閉網路廣告,但是需為此付費升級。
儘管如此,因為痞客邦在台灣發展的早,還是有不少用戶仍在使用。
Medium
Medium是國外比較新的部落格平台,它是由Twitter的原班人馬之一和其他夥伴,一起進行創辦。
國內外已經有許多個人或是企業,使用它做為公司或是其中一個項目的文章發布平台,像是Airbnb、Facebook、Square..
medium架站平台推薦
Medium網頁設計很藝術派,大多數是時尚、簡約的樣式類型,而且沒有鋪天蓋地的網路廣告。
所以相比痞客邦,我更推薦使用Medium打造你的部落格網站。
medium部落格,畫面版型
相關網站類型
下面這幾款部落格平台,就是比較多人使用的品牌,你可從中選取。
我首推的還是WordPress,因為犬哥網站就是使用WordPress建置而成。
當然這是我的選擇,主要還是選擇適合自己的來使用:)
部落格平台整理(依照順序推薦):
WordPress
Medium
Blogger
痞客邦
網頁製作平台有哪些?
市面上的網頁製作平台有很多,但絕大多數是採用平台租用服務,網站並不是完全屬於自己的,這容易遇到哪天平台結束營運,而導致多年經營的網站血本無歸。
我的最佳作法會使用WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由網站搬家或是更換主機。
更多WordPress是什麼。
使用WordPress不會被任何網頁設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。
可以參考官網設計,這篇文章中有完整架站教學,或是參考下面影片學習。
WordPress網頁設計教學:如何架設網站+完整官網製作(不懂程式也做得到)
除了使用WordPress架站之外,這邊也列出幾個常聽到的網頁製作平台,跟大夥介紹。
Wix
Wix是一個專業的網頁製作平台,能讓使用者用自製的拖放工具,就完成網站建置,是快速架站的好選擇。
wix網站製作教學
使用者可在網站加入許多額外功能,像是社群按鈕、聯絡表單、網路開店平台功能..。
同時提供多種網站樣板,一鍵即可安裝套用,讓你自由做選擇。
多種選擇模板
挑選完喜歡的樣板,再搭配Wix的頁面編輯器,就能客製化你的網頁囉。
只需把元件拖放至指定區位,就可新增一個區塊功能。
而如果要修改編輯,只需點想修改的地方,即可進行編輯,是不是很方便呢:)
wixeditor客製化網頁設計
Weebly
Weebly是一款發源於美國的網頁製作平台,由於它直覺的操作介面,讓它在全世界同樣有許多愛用者。
可使用Weebly架設形象網站、線上商店、行銷網頁等..,它和Wix一樣有多種網站樣板,點擊即可一鍵套用,如下圖。
Weebly套用網站樣板
Weebly同樣有頁面編輯器,可讓你用拖放方式即可製作網頁。
它的區塊功能雖然沒Wix這麼多,但是介面設計很直覺,很適合新手入門。
Weebly的頁面編輯器
相關網站類型
下面這幾款網頁製作平台,就是比較多人使用的品牌,你可從中選取。
我首推的還是WordPress,因為犬哥網站就是使用WordPress建置而成。
當然這是我的選擇,主要還是選擇適合自己的來使用:)
網頁製作平台整理(依照順序推薦):
WordPress
Wix
Weebly
Strikingly
網路開店平台有哪些?
想要經營線上生意,可能會需要強大的網路開店平台,協助完成購物網站架設。
WordPress是完整多功能的架站平台,也可用來建置購物網站,是目前全世界僅次於Shopify最多人使用的開店平台。
如果你有預算上的考量,最佳作法會是使用WordPress+WooCommerce,這是完整的搭配。
更多WooCommerce是什麼。
可參考架設購物網站教學文章,並搭配下面影片學習,有將近4小時的完整購物站製作,讓你立即網路開店成功!
如何架設WordPress購物網站+網路商店
WooCommerce
WordPress有豐富的外掛生態圈,其中WooCommerce是WordPress旗下最知名的網路商店架設外掛。
可參考WooCommerce中文教學。
因為是免費的軟體加上安裝快速,在全球各地累積許多使用者,全球下載量已超過4500萬。
任何想的到的功能,如:商品管理、訂單管理、會員管理、優惠管理、金物流串接等..,幾乎都擁有。
woocommerce購物網站架設
加上有眾多的Woocommerce佈景主題&擴充外掛,可協助強化電商平台,只需點擊安裝即可。
對此,我寫了這篇架設購物網站完整教學,手把手帶你網路商店架設,希望能有效幫助到你。
Shopline
Shopline是香港的軟體新創公司,因為其優質的設計介面和多功能的商店服務,在東南亞吸引許多愛好者使用。
shopline網路開店平台
Shopline內建完整的電商平台功能,像是會員管理、訂單系統、商品管理、優惠管理..,你不需額外進行安裝。
shopline功能列表
但由於使用架站平台公司的方法架設網站(像是Shopline),你只是平台租用者而非擁有者,所以像是網頁程式碼、文字圖片、資料庫等..都不是你擁有的。
這可能會遇到個問題,假如哪天品牌茁壯了,想搬出來自架購物網站,你將重新開始網站經營,這將是一個巨大的成本。
還有每月(或每年)固定的平台使用費,也是要網站主需考量的地方。
相關網站類型
結論是,剛開始網路事業,建議使用WordPress+Woocommerce搭配。
雖然會花些時間學習網站架設,但至少不會有「沒有資料擁有權」和「每月高額平台費用」問題。
等品牌成熟一點後,再依需求雇用軟體工程師,協助提升WordPress+Woocommerce的整個功能性,讓它更符合公司成長需求。
或是重新開發一個客製的購物網站(不一定是WordPress系統),你雇用的軟體工程師,也能幫助你重新製作。
當然,外包請網頁設計公司製作也可,但請記得拿網站程式碼和資料庫..等,網站內容資料。
不論哪種方法,重點是需確保網站資料都在你手上。
這只是我的經驗供你參考,主要還是選擇適合自己的方法:)
網路開店平台整理(依照順序推薦):
WordPress+Woocommerce
Shopline
91App
Meepshop
Cyberbiz
17.網頁設計教學/資源
網頁設計(程式+設計)
有人問我說,如果想自學成為網頁設計師,有什麼資源是可以用來學習的?
一個網站設計,主要是由兩個面向組成的,分別是設計+程式。
接下來,我整理了一些相關資源,幫助大家學習成長。
架設網站(教學+課程)資源
網頁設計「靈感參考」:
Dribbble:最有人氣的設計靈感網站,挖寶的好地方。
Behance:支援中文版,後面有Adobe老大哥站台。
Pinterest:圖片界的Google,有大量圖片素材可供搜尋,很多人愛不釋手。
站酷:眾多網頁設計作品案例,靈感來源參考。
CollectUI:眾多網頁設計作品案例,靈感來源參考。
網頁設計「軟體教學」:
學UI網:學習PS、AI等軟體好地方,也有影片學習。
UI中國:中國知名的UI/UX設計,教學分享網站。
網頁設計「素材來源」:
iconfinder:很多扁平化Icon圖示可以使用,適合作為介面設計的圖示來源。
flaticon:國外有名的icon素材網站,挖寶的好地方。
sketchappsources:提供Sketch軟體可用模版與素材的網站,收錄許多漂亮的樣板。
pexels:CC0圖片搜尋引擎,收錄了許多網站的CC0圖片,方便尋找想要的圖片。
pixabay:大量CC0圖片可供搜尋,適合用在商業文章或網頁設計範例中。
freepik:提供大量圖像設計素材的搜尋引擎,滿多向量圖型可以下載來使用。
網頁設計「程式學習」:
W3School在線課程(簡中):蒐集大量程式語法的基礎知識點,新手入門程式的好地方。
Codecademy:網頁設計課程/教學,可以從HTML、CSS開始學起,註冊會員後有一系列的教學。
網頁設計「程式編輯器」:
sublime:編輯器的入門款選項,簡潔風格讓很多使用者喜愛。
vscode:由微軟開發新一代強大且優秀的編輯器,內含豐富外掛可供安裝。
當然,還有許多網頁設計資源可以讓自己學習提升,這裡僅列舉部分。
常見問題
自架網站需要準備什麼?網站能正常運作,就需有「個人網域」+「虛擬主機」,這是基本配備。
這也是每個網站主都需負擔的小投資,沒有例外。
差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)網域如何取名呢?網域是什麼?「網域」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。
網域取名時,注重幾個簡單原則即可,像是簡單好記、品牌名稱、與服務or產品有關、去除www、.com優先、勿用中文。
虛擬主機是什麼?「虛擬主機」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。
這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。
另一個比喻,如果把網址比喻成「門牌」,那虛擬主機就是「家」的角色。
WordPress是什麼?WordPress 它是全球知名的網頁設計軟體,全球有30%以上的網站,都來自於WordPress。
它可完成多種網頁設計,如:部落格架設、個人品牌或公司企業官網、購物網站架設 等..有推薦的WordPress優質虛擬主機嗎?Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中。
可參考 Bluehost心得評價,了解更多。
不論網站空間、網站速度、價格便宜、客戶服務等..多方面表現都令人滿意,對於剛入門的網站新手是最優質的選擇。
許多國內外的部落客、企業主、電商經營者,也都把網站建置在Bluehost主機。
可參考Bluehost教學,有完整教學。
WordPress學習資源
學習WordPress網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答。
如果你沒有時間自己架站,或是想委託專人服務,那可以參考我們的網站建置服務。
我最近也開啟了YouTube頻道,裡面有些影片教學,你也能搭配Blog一起學習,應該會來的更加順手(歡迎訂閱我+開啟小鈴鐺,可收到第一手影片教學通知)。
當然,如果怕問題描述不清楚,也可以加入WordPress教學時光屋–犬哥網站,我同步也會在社團中幫忙解惑。
希望這些對你有所幫助,祝架站順利啦。
關於作者犬哥我是站長犬哥,長期關注:WordPress網站架設、WordPress後台教學、WordPress佈景主題、WordPress外掛、網路行銷等..:)
82thoughtson“網站架設:17個教學設計(網頁製作+建置費用)”
謝謝分享
Reply
不會,謝謝你的支持^^
Reply
深夜拜讀您的文章,首先謝謝您無私地分享教學,但小弟目前尚不懂得是,像這類型附有篩選功能的網頁是用甚麼架構做出來的呢?懇請您不吝賜教,謝謝!!
http://diamond.45168.com/B2C/StockSearch.php?TiTleNo=1&TiTleTel=04-22298498&Language=BIG5
Reply
嗨~方先生你好:
剛看了你的連結內容,裡面功能算是簡易版的淨銷存系統,是比較客製化的網站功能,採用PHP程式語法架構出來的。
建議如果公司內部有技術團隊,可以和公司溝通請他們協助開發;若是沒有的話,可以找尋網頁外包(公司或是個人Soho,優缺點和注意事項,文章內有敘述)。
祝你一切順利:)
Reply
您好,看到您的文章讓我受益許多,但有些疑惑
不曉得如果要從網頁製作平台轉到網頁製作軟體或是自己架網站,或者從網頁製作軟體轉到自己架網站的時候
之前建立的會員系統會不會有無法轉移(會員要重新註冊)的情況發生?
Reply
嗨~HeZe你好,首先很開心我的文章有幫助到你:)
切入正題,在平台上的移轉,舉例:如果原來用wix(網站製作平台),想要把會員移轉到wordress(網頁製作軟體),你可以先看wix後台,有無開放會員資料匯出功能,若是有的話就輕鬆許多,但以我的經驗來說多半沒有(因為多半不希望你跳槽)。
如此一來,只能用人工手動新建會員方式,在wordpress建置會員檔案,如此一來也不用再發信給原來會員,請他們重新註冊,不然多半會有會員流失問題。
如果是要把wordpress的會員,匯出到自己架設的網站,應該比較有機會實行,你可以先搜尋是否有類似的外掛,協助你進行。
但如果沒有的話,可能還是需要人工手動重建會員,或者可用程式,爬wordpress的會員資料+頭像等資料..進入到你自行架設的官網,也可以達成。
因為跨平台的移轉資料是算比較大的工程,各家軟體本來就不一定會相互支援,祝你一切順利:)
Reply
嗨小犬,你的文章太棒了,對我這種新手來說真的很有幫助,謝謝你。
另外,不好意思,可以跟你請教一個問題嗎?我想要架設販賣線上課程的網站。
可是我不太了解wordpress和市面上其他的onlinelessoncourseplatform的關係EX:podia,teachable.因為這些網站似乎也可以協助我架網站+額外的課程架構服務。
所以我不知道我是應該先用wordpress架好網站,再使用這些平台的服務嗎?還是我直接使用平台架網站,而不需要使用wordpress。
不好意思,問題有一點長,謝謝你了:)
Reply
嗨,首先謝謝你的鼓勵&支持:)
至於你提到的問題,市面上的線上開課平台,好處是馬上就能使用,但缺點是每個月大額的租金費用&網站並不屬於你自己的&無法保存學員資料。
使用WordPress架設線上課程網站,可使用Learndash外掛處理,雖然一開始會花些時間處理架站問題,但對於長期經營來看,會是比較好的。
但由於Learndash算是比較大一點的外掛,會建議主機使用Cloudways來處理。
相關Cloudways主機教學。
Reply
謝謝您的分享^^詳細又清楚!
Reply
謝謝你的支持,我會繼續加油的:)
Reply
您好,謝謝你這麼詳細地解說,讓我終於有點頭緒…
另外有個問題想請教:如果想做互動性較高的新聞網站,也打算初步的設計和開發外包給網頁設計公司製作,比較好奇是在和他們洽談前,就要有一定量的新聞內容了嗎?(避免網站架設好但產品還沒好?)
或是能夠先有網站,再慢慢累積內容?如果是前者的話,有建議要提供設計公司多少的內容量嗎?
非常感謝!
Reply
WenYen你好,基本上這兩種模式都可以,但如果怕網站成品出來,沒有內容會有點單調,那建議可以先準備幾則文章,等待網站完成後先上傳幾則(自己上or請外包公司上),免得網站看起來空空的,其他的文章再慢慢製作就可以。
希望有幫助到你:)
Reply
請問為何我已經使用Let’sEncrypt加密,也出現如同您顯示畫面表示已經成功,但為何在一鍵安裝WordPress的ChooseProtocol時,選擇https://的選項是出現AtrustedSSLCertificatewasnotfound呢?
是因為DNS指向剛設定的關係嗎?需要等待時間嗎?還是有哪裡出問題呢?謝謝您指教!
Reply
HI,CarolHuang:
有的時候可能是剛才設定完成的關係唷,可以試著等一下。
或是先安裝好wordpress,再用Let’sEncrypt加密。
Reply
真的非常謝謝您詳細的分享解說,收穫滿滿!!解決了內心很多的疑惑,感恩。
Reply
HI,Kim:不客氣,希望能有幫助到你:)
Reply
感謝筆者對於網站架設這一塊這麼詳細的分享,這對於很多初學者來說是很有幫助的參考^^
Reply
Hi,Siyun:
謝謝你的喜歡,希望有幫助到你!
Reply
想請問,只想做一個最基本的公司網頁(介紹公司提供的檢測項目而已),是用weebly自己好呢?還是請人架設好呢?
主要是希望能夠上搜尋引擎,讓公司能見度提高
如果是用weebly做,看他方案內也有優化的功能,這樣就能上收尋引擎嗎?還是也是要自己上google去申請
不好意思….問的問題或許很好笑…..但我真的是不太懂….再請您指教,謝謝
Reply
HIAmy:
若只是簡單的形象網站,可以使用上面的免費架站軟體,他們內建都有SEO優化(應該也會協助做網站提交),只要公司名稱沒有含熱門關鍵字,是滿快在瀏覽器上可以用公司名稱搜尋到自己網站。
若是想要自己控制SEO優化,建議你可以使用wordpress進行網站架設(有網址+主機費用),但又須比用weebly這些軟體,還要多學一些東西補足了,好處是你可以自行變更任何東西。
希望有幫助到你唷:)
Reply
有幸拜讀您的文章真的是相當的認真且用心
能夠看出筆者地努力的心血及想盡可能完善各方面介紹的認真態度
在此感謝您的分享
順便請教如想精進有關網頁前端布置及後端資料處理的相關技術
例如必要js套件的學習應用學習資源.書籍等等
有沒有什麼個人推薦的呢?
Reply
HIHower:
謝謝你的鼓勵和支持:)
若要學習程式技術,目前來說網站上的資源已經很多了,你可以參考w3school(簡體教學),會入門比較快,從HTML=>CSS=>JS=>PHP逐步學習,從前端入門,若是對後端有興趣,可以玩看看PHP比較好入門。
JQ是JS的一種框架,可以幫助你完成許多前端功能(有很多套件,都是基於JQ開發),在學JS打完基礎後,也可以玩看看JQ,希望有幫助到你唷:)
Reply
因為最近才剛購買網域、租主機也是在學習階段,有幸拜讀您的文章,真的是很感謝。
讓我對整個架構又更清楚了。
相對比其他架站網站來說,您的網站呈現的是更清楚的是整個架構與觀念的釐清,剩下的就是使用者自己再去找更深入的議題學習。
對我受益良多。
~感謝!!
Reply
HIFred:
謝謝你的鼓勵和支持,希望有幫助到你唷:)
Reply
請問我想要在wix網站上加入Aydenpayment系統要怎麼做呢?有程式人員可以介紹幫忙我嗎?
Reply
Hilydia:
有關Wix上的付款功能,是他們內部綁定的唷!簡單來說,就是要配合他們的金流廠商,是無法自己串接的,除非是使用wordpress等開源軟體,進行網站開發。
Reply
剛個人創業,許多事都在起頭,一步步的戴著鋼盔往前衝
好不容易把FB粉專搞懂了,也把資料漸漸豐富起來
下一步就是個人網站了!
感謝版主豐富又詳細的架站介紹,對我這個網路資訊新手有莫大幫助
有信心繼續往前衝了!
Reply
Hi傑瑞:
看到你一步步往你的夢想前進,很替你開心!
很開心我的文章有為你帶來幫助,祝你一切順利:)
Reply
感謝筆者用心分享關於網站架設的資訊
初學架站真的很多東西需要慢慢去學習理解
像是虛擬主機租借等也得自己去評估選擇
不論什麼都是博大精深呢XD
Reply
Hi韃靼:
謝謝你的鼓勵,我會繼續加油的:)
Reply
您好,我的網站都是使用LaravelPHP+ReactJS/VueJS而不是使用WordPress,請問還是可以使用您推薦的Siteground嗎?
Reply
HIbella00xx:
你好,是可以的唷。
照著本站的流程申請完成SiteGround後,登入SiteGround然後前往cPanel,在這裡面可以上傳你的database(使用MySQLDataBases&phpMyAdmin),然後再用FTP工具,把網站資料上傳到server即可。
希望也幫助到你唷:)
Reply
完全沒看懂
Reply
HIIvyHuang:
文章比較長一點,若不了解可以加入社團,希望有幫助到你:)
Reply
這些真的不錯~
Reply
HI68traders:
謝謝你的鼓勵,會再寫更多好文章的:)
Reply
請問一下像我是使用Wix製作的的網站我想使用我自行購買的網域當作網址但我的網址後面有.twWix好像沒有支援,如果是這樣,那我該怎麼辦?
Reply
HI吳尉嘉:
Wix使用自己的網址當網域,目前還沒實際試過,若tw不支援,可能就需要申請com的網域了。
Reply
請問小犬大大文章內說的Bluehost虛擬主機有包含雲端資料庫嗎?
Reply
HIDDR:
有的,雲端資料庫應該算基本配備,不然沒地方存網站資料。
Bluehost有phpMyAdmin這款軟體,用來操作資料庫相關動作,這在Bluehost後台介面,都能前往。
希望有幫助到你唷:)
Reply
您好想請問依照您的步驟一步步執行,完成後,是否代表在google上鍵入自己的名稱即可搜尋到自己的網頁呢?非常謝謝您
Reply
HImimilee:
照著文章可完成網址+虛擬主機申請+網站架設,
但若要Google關鍵字能「快速」搜尋到,需本身你的網站名字不是熱門名(因為競爭,相對排名的慢)。
若不是熱門名,舉例:用公司名稱當網站名稱,因為公司名基本上不太會重複,
所以網站上線大約1-2個禮拜(不一定),應該就搜尋的到了。
希望有幫助到你唷:)
Reply
謝謝你對於正在創業的我們真的起到很大幫助感謝你
Reply
HImimilee:
謝謝你的鼓勵,創業加油唷:)
Reply
您好,謝謝您詳細的說明!
想請問架設自己的美容工作室的網站,想導入網路預約的系統,用wordpress就做得到嗎?
該怎麼做呢?
Reply
HiChole:
WordPress是可以架設有預約系統的網站唷。
可以參考simplybook.me這款軟體出自於國外軟體公司,目前台灣也有設點處理相關服務,也支援本地的金流付款(綠界/藍新/Linepay..)。
至於如何安裝,可以參考simplybook.me的WordPress外掛安裝影片,希望有幫助到你唷:)
Reply
您好,
目前公司有架設好一個網站,未來會要成立新品牌架設新的網站,但是不想使用既有購買的套裝模式,想要改成wordpress系列架站。
請問我現在想要先用免費wordpress架網站,未來準備好後會新註冊網域及租用主機,請問這種情況下會建議使用哪個版本的wordpress呢?
Reply
HINancy:
首先,如果是用微軟系統,就先下載WAMP。
如果是Mac系統,就先下載MAMP。
(這軟體可以讓你在本機上架設網站)
再來,可以參考WordPress安裝文章的「使用FTP安裝WordPress」章節,在本機上安裝WordPress網站。
如果FTP工具不太會操作的話,可以參考FTP軟體教學文章。
希望有幫助到你唷:)
Reply
您好:
請問這種網站有套版軟體嗎?
Reply
嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。
你可以考慮用WordPress軟體架站,它的自由度是最高的。
可參考如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!
Reply
您好:
請問https://tw97.net/這種網站有套版軟體嗎?謝謝!
Reply
嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。
你可以考慮用WordPress軟體架站,它的自由度是最高的。
可參考如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!
Reply
謝謝分享
Reply
嗨,謝謝你的鼓勵:)
Reply
WAMP如何在本機安裝架站
Reply
嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。
但會用MAMP做教學(因為我用Mac系統),但流程都大同小異,應該會幫助到有需求的讀者們~
Reply
WAMP如何在本機安裝架站
Reply
嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。
但會用MAMP做教學(因為我用Mac系統),但流程都大同小異,應該會幫助到有需求的讀者們~
Reply
你好,感謝分享,目前公司想創立網站但又不想花太多錢,因為不需要金流,只是放產品資訊跟價錢以及連絡方式,所以我在找免費的網頁架設的公版跟網域,想請問一下有哪些比較適合?另外,若需要有購物車以及金流跟客服,會比較建議哪個呢?謝謝
Reply
HIvivi:
會建議你參考架設購物網站這篇文章,這是一篇完整的購物網站教學,唯一的費用就是個人網域+虛擬主機(這是任一個自架網站主,都需支付的費用)。
當購物網站建置完成後,可參考WooCommerce教學,WooCommerce是WordPress旗下最強大的線上開店外掛,相關的設定細節都在文章中。
如果不需有購物功能,就把加入購物車相關功能關閉即可(就變成單純展示產品&價錢的網站),至於金物流部分文章中也有教學。
希望有幫助到你唷:)
Reply
小犬您好~看完你的教學真的很棒但這邊想請教一下我購買bluehost主機後,收據上有加稅金是正常的嗎?因為在結帳頁面並沒有顯示會收稅金,所以覺得受寵若驚
Reply
嗨~你好!
首先謝謝你的鼓勵。
至於有關稅金部分,這是正常的唷,我如果教學文章中沒有顯示稅金部分,
那是因為我是比較早期申請的,那時候好像沒有稅金部分。
但現在申請的都會有唷!
希望有幫助到你:)
Reply
謝謝!
剛剛拜讀大作,多謝指導!
Reply
嗨,多謝鼓勵,歡迎繼續關注小犬網站^^
Reply
不好意思這麼晚了還打擾您,想請問我是一位新手,想架設和這個類似的網站,想請問該用哪種虛擬主機和方案較適合?https://www.sportsv.net/
Reply
嗨,可以用Soledad或是Newspaper主題,這兩款都是架設部落格/媒體網站的優質主題,相關教學我放下面。
Soledad教學:https://frankknow.com/start-blog/
Newspaper教學:https://frankknow.com/newspaper-theme-tutorial/
Reply
小犬您好,
感謝您網路購物架設的文章,獲益良多。
請問如要架設類似591租屋網站,
要用wordpress+bluehost,
再搭配哪一個網站theme主題比較合適?
以及建議再加那些外掛程式協助其他功能?
麻煩您,謝謝。
祝事業順利,業績長紅!
Reply
嗨,有關租屋網站是比較複雜一點的呈現,可能要安裝客製化程度比較高的主題。
這類型的主題可參考AstraPro,頁面編輯器可參考ElementorPro,至於如果你要的需求是更多的,可能就要再看有哪些外掛比較符合你的需求~
Reply
好的,謝謝您!
Reply
不客氣唷^^
Reply
小犬您好:
謝謝您的文章
想請問是否有推薦的編輯器使用呢?
Reply
嗨,多謝你的鼓勵。
有關你的問題,你指的是頁面編輯器嗎?如果是的話,我有整理一些不錯的,放下面給你參考。
相關文章:WordPress頁面編輯器推薦
Reply
小犬您好:
謝謝你提供的資訊,想請教你機個問題,因為網路上大多是從虛擬主機/網域申請到購買,但是我希望我能把之前建置好的網頁透過wordpress重新進行版面設計,因為之前網頁是委託別人製作,所以目前已經有現成的網域和實體主機,想請問我應該怎麼做
Reply
你好,YEN
已經有網域和實體主機,那麼可以參考FTP軟體教學下載WordPress。
也可以參考MAMP系統下載WordPress教學。
在WordPress官方網站也可以直接下載唷~
Reply
謝謝小犬的分享,很詳細,確實對新手會有很大的幫助,好文一篇值得收藏呀~~~
Reply
謝謝你的鼓勵~小犬網站之後也會陸續推出更多教學文章的!
希望能夠幫助到更多人:)
Reply
不好意思,請問一下,從wordpress進入架站,並依據他們的收費,是否就一次解決虛擬主機或網域購買的問題?
https://wordpress.com/start/plans
Reply
嗨,yushimi,
你貼的網址是WordPress.com,我們網站上教學的是WordPress.org。
這兩個架站工具是不同的唷,網站上也有比較文章,可以參考看看:WordPress.ComV.SWordPress.org的差別。
你可以參考過後自行選擇喜歡的架站工具:)
Reply
嗨小犬
我是位舞蹈老師,想要自己製作線上課程,希望使用者付費後可以進入觀看,請問有推薦的方式嗎?
我想這個也很適合很多想要在家創造新事業的朋友~
Reply
嗨,Dave,
可以參考看看我們整理的:6款架設線上課程網站外掛推薦找找看有無適合你的外掛~
之後我們也會盡快推出全面的架設線上課程網站教學,希望可以幫助到更多像你一樣需要創造新事業的朋友們;)
Reply
嗨小犬,真的很感謝你的無私教學。
我現在想要搭建一個非常簡單的活動官網,唯一的問題是想讓中國墻內的網友也能打開,不知道WordPress跟Bluehost能否實現這一點呢?如果可以的話需要做什麼呢?(我只知道關鍵點應該是在域名?以及IPFS類型網站是可以開的。
)
不好意思,可能問到超出你範圍的麻煩問題,如果不方便解答也沒關係,因為我暫時爬不到相關的文也找不到前輩直接問,所以只能留言試試看。
期待您的回復!謝謝!
Reply
嗨,Sugar,
這部分我也不太清楚,僅能就我已知的回答你,
建議若需要中國也能看見,還是使用中國方的主機以及網域,是最保險的做法,因為如果建制在國外,還是需要每天檢查是否被封鎖,封鎖的標準也沒有明確的規範。
僅能多注意網站內容避免敏感用詞,留意中國的法規,
並且購買主機的專用IP,可防止跟你共用IP的網站被中國封鎖,導致你也一起被封鎖的情況。
這邊我找到一些文章說明,希望能幫助到你:)
如何讓中國可以正常看到網頁
如何順利讓網站在大陸上線
Reply
LeaveaCommentCancelReply發佈留言必須填寫的電子郵件地址不會公開。
必填欄位標示為*Typehere..Name*
Email*
Website
Δ
我想要找..
搜尋
訂閱犬哥社群
Youtube
Facebook
Instagram
文章分類
分類
所有文章
如何架設網站
優質主機
WordPress基礎教學
WooCommerce電商系列
SEO技巧+網站行銷
優質主題系列
優質外掛系列
WordPress速度性能
WordPress安全性
網站備份+搬家
最新WordPress教學通知
姓名(暱稱)
電子信箱(Email)
Leavethisfieldemptyifyou'rehuman:
FB問題解答社團
如何自架網站MenuToggle
建立Blog形象網站架設形象網站架設(Divi主題)電商網站架設銷售漏斗架設線上課程架設預約網站設計多種架站方法
優質主機MenuToggle
Bluehost平價主機A2Hosting中階主機Cloudways進階主機各家主機完整比較
部落格服務內容MenuToggle
WordPress網站服務形象網站建置購物網站建置客製網站設計快速套版架站
聯絡我
影片教學影片教學
Starttypingandpressentertosearch
搜尋…
回到頂端
延伸文章資訊
- 1Wix.com: 免費網站| 專業網頁製作
- 22022 全球10 大最熱門的免費網頁製作平台,快速架設網站
10 大最熱門的免費網頁製作平台 · 1. Webnode · 2. Wix · 3. Weebly · 4. Strikingly · 5. WordPress · 6. Ucraft · 7...
- 3【免費註冊連結】8大免費網頁製作平台經驗分享+網站製作 ...
8大免費網頁製作平台推薦 · 1. Webnode · 2. Wix · 3. Weebly · 4. WordPress · 5. Strikingly · 6. Jimdo · 7. Yol...
- 4如何架設網站:10個教學+費用(網頁製作軟體, 平台推薦)
網頁製作軟體費用?WordPress是什麼?以下10個教學,教你自己建立網站。從域名查詢到申請註冊、從架站平台比較(免費、付費)到虛擬主機推薦…
- 5免費架設網站超簡單!全球8 大網頁設計平台,快速就能幫品牌 ...