Wordpress架站,只需Wordpress主機+安裝Wordpress佈景,再透過網頁編輯器提供的拖拉式介面設計,調整文案、圖片、排版,一個Wordpress的網站數天立即架設完畢,這就是Wordpress架站的威力。
所以wordpress網頁設計是所謂的快時尚,網站架設費用相對便宜CP高、功能無限免費擴充, 各式網站類型都適用(如下)。業餘玩家輕輕鬆鬆就架設一個基礎網站,但新創團隊、企業經營、品牌官網仍是推薦專業的 網頁設計公司
Wordpress網頁設計適用的網站類型。

  1. 品牌形象網站:官方網站提供公司、品牌介紹、產品服務、關於我..等等。
  2. 形象電商網站:電商網站以線上銷售、金流、物流三個元素組合而成。
  3. 媒體、部落客網站:媒體、部落客網站以文章為主軸,初期產生內容很累。
  4. 論壇網站:一群人刊登討論,並有一堆人在下方留言回答,網站經營不易。如MOBILE01

那接著讓貴設計跟你分享更多Wordpress網頁設計,一個人也可以Wordpress架站!Just Do It!

Wordpress是什麼?

Wordpress是

  1. wordpress.com是免費網站架設工具
  2. wordpress.org也是一種免費網站架設工具
  3. Wordpress是美國白宮、FB、Angrid Bird建置官網首選的工具。
  4. Wordpress建置的網站全球市佔40%、共7億5千萬個。
  5. Wordpress每月全球熱搜274萬次。
  6. Wordpress有上萬種的布景、主題可直接套用,1秒變專業網站。
  7. Wordpress是不會寫程式也可以架設網站的工具。
  8. Wordpress是一種自由開源的部落格軟體和內容管理系統(CMS)。

說了好多wordpress網頁設計, 但結論就是一種網站架設的技術。 而且美國白宮、時代雜誌也採用Wordpress,還有更多Wordpress知名網站,你那還有什麼好擔心的呢。

wordpress.com與wordpress.org的差異

想學習Wordpress架站,會發現有一種wordpress是類似平台,只要在網站上登入並拖拉元件即可架設網站,你可以觀察一下它的網址為 wordpress.com。 還有另一種是業界的主流,是可下載wordpress在本地電腦開發的,網址為wordpress.org。 這二個的差異就比例如今微軟 Word 2023的版本已經是在雲端上作業,編輯word檔案。而之前Word的版本是要下載安裝檔才能編輯 word檔。
現較流行的則是wordpress.org的方式架站為主。

wordpress.com與wordpress.org的差異
wordpress.orgwordpress.com
網站wordpress.orgwordpress.com免費版
適合族群企業個人
主機費自行購買空間每年上千免費(亦有付費版)
網址自有網址子網域
自有網址X
功能強大一般
限制
搬家X
外掛X
容量依購買規格3G

綜合如上的比較可自行評估,但總之一句話若是要拿來營利、企業使用的話,強列還是建議使用wordpress.org架設網站。 而業界一般也都是使用wordpress.org幫發包廠商架設的,甚至該文章圍繞的Wordpress也是以wordpress.org為主題的。

Wordpress架站的優缺點

Wordpress架站是全世界普及率最高的網站架設軟體,連白宮也選擇Wordpress架設白宮的官方網站,光是這點就讓WP在全球攏獲不少的信賴與可靠。Wordpress貴設計寫了18年的Java程式語言,也非常推薦Wordpress,理由是什麼呢?

  1. Wordpress架站超級快,快則3天,慢則7天就搞定。
  2. Wordpress架站可滿足80%形象官網、型錄式網站、電商購物的需求。
  3. Wordpress網站擴充功能超方便。
  4. Wordpress完整後台功能,對網站修改彈性大、掌握度高。
  5. wordpress教學架站文件超多、網站管理員銜接快又容易。
  6. Wordpress主機服務多,網站搬家超容易。
  7. Wordpress上萬種主題佈景選擇多。

選擇Wordpress架站軟體絕對是正確的選擇(了解更多Wordpress是什麼?連白宮都推薦)。

關於Wordpress的架站缺點,最大的問題就是它仍是需要一個有"美感"、懂"網頁設計"的人才有辦法設計出【漂亮與功能】兼具商業性質的網站。
因為【漂亮】來自於網頁設計師對於美的天賦,她們能賦予網站美麗顏色的搭配、精美圖片的點綴。【功能】則來自於她們對於html、javascript程式多年的認識,懂得透過事件、動畫的交互動作,為網站帶來吸睛的效果。 這二點都不會是一個臨時插入進來Wordpress架站的人,可以馬上有所領悟的。
但貴設計在文章一開頭有提到選擇Wordpress架站,即使你無天賦,又不懂程式,你仍可以架設一個60分的個人網站,接著讓我們繼續Wordpress架站吧!

Wordpress架站費用?付費?免費

自己架設Wordpress要錢嗎?要了解Wordpress架站費用之前要先了解Wordpress的二大陣營, wordpress.com與wordpress.org的差異。

wordpress.comwordpress.org
官網wordpress.com免費版wordpress.org
費用免費,但受限居多,付費才能用外掛、佈景。每年的主機、網址費。
架站方式註冊該平台並可拖拉元件架站。下載開放式的wordpress檔案並在本地開發再上傳至主機。
適合族群個人企業
網址子網域自有網址
自有網址X
功能一般強大
限制
搬家X
外掛X
容量3G依購買規格
主機費雲端主機空間0元,可付費升級換來更多功能,一年約6000。自行購買主機、網址。依主機空間每年5000~1萬不等。
綜合如上的比較可自行評估那種方案較為便宜,但業界架站是都使用wordpress.org為推薦。了解更多【WORDPRESS是什麼】全球市佔40%,美國白宮、FB都推薦WP

Wordpress適合的網站種類

Wordpress網站架設前置作業,先了解公司網站適合的網站種類,一般網站種類分為以下幾種

種類說明
形象網站品牌形象網站,官方網站提供公司介紹、產品列、產品優勢、常見問題、聯絡我們、交通資訊、部落格、媒體報導、價格方案、FB粉絲團、經銷據點、活動專區等資訊。 EX:維西杰
電商網站用網路上銷售產品,如手機配件、保養品、手飾、皮件等。購物網站以銷售產品為主,最大的特色就是網站一進入就是大大的商品優惠折扣、活動節慶優惠的推廣的輪播, 首頁下方有可能就是熱銷商品、最新產品之類的,接著商品類別的介紹。 EX:Com2Buy
形象+購物網站形象+購物網站合併了上述二個的特色,首頁特色以呈現公司形象為主軸,接著呈現最新商品、熱銷商品,接著於首頁下方導流至其他商品類別的頁面。 EX:JustBeWell
媒體網站媒體網站整個都是以文章為主軸,網站除了滿滿的文章還是文章。經營媒體網站很累人,因為你要產出很多文章、精美的圖片, 若團隊不擅於產生文章、精美圖片,實在不適合適用媒體網站EX:SOLEDAD。這類型的網站就是賺廣告費均多。
論壇網站台灣最大的論壇網站如MOBILE01,會有一堆人刊登討論、詢問問題,接著就有一堆人在下方留言回答。 這類型的網站,若你沒有一個完整的IT+行銷團隊,千萬不要經營這類型的網站。 論壇網站的經營初期都是假帳號,自問自答好一陣子,產生網站熱絡的假像,才會有人陸續留言、詢問(貴設計試過,不騙你真的很累人)。 EX:SOLEDAD
確定好網站種類,才能滿足網站的基本需求哦。

Wordpress架站網站素材不可少

網站架設前,一般花最多時間準備的是"素材"。 其中圖片素材最重要、最重要、最重要。網站的美醜,圖片將是主要元素,圖片精緻、高解析度,形象官網自然就會漂亮。 而文字部份,則指網站文案,網站文案是企業想傳達給客戶了解的訊息,這些訊息一定多又雜亂。
例如貴設計是提供 網站設計、網頁設計 服務的公司,我們想傳達貴設計的服務、產品、售價、賣點、差異化、理念、作品集、公司資訊與創辦人、聯絡方式..等等。 但網站文案是需要不停的優化,此時若能加些SEO,你的網站不只會夠吸睛還會有源源不絕的流量。 現在讓我們接著看看,網頁設計前有準備的資料吧。

  1. 網站名稱: 請拿你的網站名稱,去Google搜尋一下,千萬不要撞衫了,要是有同樣的名稱(甚至連聲音也不要相同),往後你的品牌搜尋都是在幫別人做嫁妝。 過去曾聽到一個例子,有一個創業家的品牌名稱跟海賊王角色的名稱相同(ex:魯夫),這一輩子它們的品牌名稱永遠都很難浮現在Google搜尋結果的第一名了
    好市多 (你的品牌名稱叫好士多,你就兇多吉少!搜尋品牌名你永遠都不會是搜尋結果第一名)

  2. 網址:網址的購買,正常網址的費用大概是1000元有找,若是特殊網址的話,費用通常會有可能高達上萬元。以貴設計 ,都是在Godaddy購買,首次購買是買擁有權,第二次就是使用權而已。台灣的中華電信、PcHome買網址都不建議,因為介面難用,未必便宜、DNS轉換又慢。
    godaddy特殊網址 (買網址推薦Godaddy)

  3. 公司商標(LOGO):商標的設計以外面行情價從3000~~8000以上,12000都有,但創業初期若要省錢的話,對於Logo也沒有什麼太大要求,可以先使用國外的平台製作 簡易版Logo。 BTW:申請商標需要1萬上下,細節請參考商標申請費用
  4. 公司口號slogan:如貴設計的”網站架設是我們18年來的專業”。口號一般有可能是品牌的定位、產品的優勢。
  5. 網站色系:品牌都會有一個主色系(為網站主視覺顏色),如麥當勞黃色、Air Asia就紅色、貴設計為橘色。那你呢?
    airasia主色系紅 (Airasia主色系為紅色)

  6. 網站風格:網站風格一般是讓外包商了解你喜歡的風格,但以現在世界最流行的Wordpress的版型有上萬個,通常確定好版型再開始延伸版型的風格,通常最後的成品都會非常的精美。 themeforest
  7. 首頁與每頁架構:每頁的架構,我們常會用區塊來分,也就是一個大標加一個區塊。 貴設計網頁設計貴設計網頁設計的首頁主要架構:主視覺大圖、 網頁設計服務 、網頁設計教學部落格、網站特色-6大功能特色、網頁設計作品集、網頁設計報價。
  8. 導覽列:也稱為選單,選單的用途在讓網站訪客取得官網所提供的資訊,可直接參考如下。 導覽列

Wordpress架站網址去哪買?

架站網址貴設計都在Godaddy買網址,理由是介面清楚明瞭、DNS轉換設定簡單好用、速度快(用過中華電信你就知道慢)、網址多樣化選擇(可參考 Godaddy買網址)。
Godaddy買網址

注意上方你看到的費用部份只有首年,在價錢的下面有一排灰色字"適用於第一年",你下次購買網址使用權就會恢復成原價。 若以長期購買使用的話,其實你是一點折扣也沒有賺到的,若你一次買10年,其實一點打折也沒有。

購買網址需註冊Godaddy(需綁定信用卡),購買網址後去"帳戶-->我的產品",就會看見剛購買的網址。 若網址買錯的話,可參考Godaddy退款策略
godaddy

DNS設定(如下圖) ,何謂DNS設定呢? 簡單講,你買了一個網址,你要將網址指去某個主機的IP
URL、IP、Domain
進入畫面之後,你會看見類似如下的畫面,尋找一個叫做類型為A,再將值輸入你的主機IP即可(我知道還沒有租主機,所以沒有IP,後續會說明),這個動作稱之為DNS設定DNS設定

最推薦的Wordpress架站主機

買Wordpress網站主機,貴設計推薦SiteGround,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,點進去。
    Siteground建立Wordpress
  2. 選擇Start a New Website。
    Siteground建立Wordpress
  3. 形象網站選擇Wordpress。電商網站請點選Wordpress+WooCommerce。
    Siteground建立Wordpress
  4. 設定登入資訊,以後後台登入都以該帳密登入。PS:請務必記得這組帳密。 Siteground建立Wordpress
  5. SiteGround有提供加購網站掃毒的工具,看需不需要加購,不需要直接按Finish,Wordpress網站就完成了!
    Siteground建立Wordpress
  6. 直接登入網站。
    Siteground建立Wordpress

在完成Siteground主機之後,將Siteground取得的IP設定至上一個步驟剛的A記錄的值即可
Cloudflare DNS設定

Wordpress網頁設計(首頁、內頁)

安裝好Wordrpess後,請輸入後台登入網址https://購買的網址/wp-admin。再輸入帳密即可登入。 Wordpress登入畫面
登入之後,就會看見如下的後台。就代表你已經成功至少50%了。 Wordpress後台

接著Wordpress網頁設計是使用套版的方式進行網頁設計,所以套版的挑選則會變的很重要,挑選版型有三個重點

  1. 下載次數:請選擇多人下載或知名的Wordpress版型,如Betheme、Bridge。
  2. 最後更新日期:代表該版型是不是持續有人更新、負責。
  3. 版型評論:注意投訴的評論多不多。

基於這三點就可以了解該版型的好壞,而版型基本的RWD、適用瀏覽器Chrome、Safari都會是標配了,所以無需擔心。 接著安裝Wordpress版型幾個步驟:

  1. 外觀->佈景主題
  2. 選擇想要的佈景主題:
    • 如已購買佈景主題:請先下載主題後,至安裝佈景主題進行安裝。
    • 也可以使用Wordpress提供免費版型
  3. 選好後只需要在下方按「啟用」,即可蓋掉現有的佈景主題。
  4. 佈景主題就安裝好了!

更多Wordpress後台操作說明,請參考

  1. 2021【Wordpress後台教學】教戰守策
  2. 6步驟就搞定~Wordpress【電商購物網站建置】
  3. 【Wordpress版型推薦】佈景主題下載秘技
  4. 【Wordpress是什麼?】Wordpress形像網站有什麼優勢?
  5. 【WordPress 媒體庫】教學
  6. 【Wordpress 選單教學 (Menu)】教學
  7. 【Wordpress頁面新增、刪除、修改 】教學
  8. 【Wordpress文章新增、刪除、修改、列表、分類】教學
  9. 【Wordpress外掛】教學及推薦
  10. 【All in one Migration 】Wordpress網站備份外掛
  11. wordpress網站範例

到這個步驟結束之後,就完成了一個Wordpress形象網站。接著必需讓網站更漂亮、精緻。在Wordpress版面設計上則使用Elementor編輯器(您也可以參考Wordpress預設編輯器設計頁面),透過Elementor編輯器提供多樣化的元件,使的網頁更能有豐富的UIUX元件、更活潑動人的功能呈現。 若是購買付費版型,一般Elementor都預設安裝,若是免費版型,則需要安裝再進行啟用! Elementor web builder
接著要如何利用Elementor設計網頁呢?設計精美漂亮的網頁必需要有三個知識,才能設計出企業級的網站。如下
  1. Elementor的操作
  2. 美感
  3. HTML語法概念
Elementor的操作(參考以下影片)、HTML語法概念是可以透過網路搜尋、學習得到的,但美感這種東西是很難透過學習而得到的, 一堆網站自架者能夠自行建立網站,但就是無法建立一個漂亮精緻的網站,所以這方面還是需請專業的網站設計公司處理。

Wordpress架站這步沒做就GG

歷盡千辛萬苦才搞定Wordpress架設,但要如何讓網站能夠被Google搜尋出來,所以Google網站登錄便是最重要的事情。 在文中 3種【Google網站登錄】的方式介紹到

網站登錄的三種方法

#方法優點缺點
1無為而治法什麼都不必做登錄時間最..慢
2一條連結法只要1秒鐘就搞定登錄時間較上述快
3GSC網站登錄法難度較高登錄快則15分鐘就會生效
就請直接就使用GSC網站登錄法,就能夠讓您的網站快速的被Google收錄。而Bing、Yahoo他的搜尋引擎市場佔有率極低,可以不用刻意去登錄網站,一旦時間久了,會自動收錄您的網站。

Wordpress網站要如何優化

繼上步驟是要讓網站能夠被Google出來,而Step5搜尋引擎優化(SEO)的目地則是讓網站能夠被"許多人"Google出來。有看到重點嗎? 是"許多人"哦。所以一旦網站被許多人搜尋出來,網站的訪客流量就會變高,成交的機率、公司營業額、利潤才會成長,重點是"一毛也不用花"。 (搜尋引擎優化(SEO)是什麼)。 GSC該圖說明:在最近六個月內,網站有9,432(總點擊次數)人透過Google搜尋進來網站。

那我們進入正題,要如何做網站設計的SEO優化呢?那就是讓Google愛上你,它就會推薦你、並給予你的"網頁"有好的排名。那至於讓Google愛上你,該如何愛呢? 請參考如下

  1. 高品質的文章內容:例如原創內容、不抄襲、有價值的、新鮮
  2. 長文的文章內容:以平均來講要能夠佔上第一頁、甚至第一名的內容長文大約為2000字。
  3. 文章可讀性高:文章的可讀性高,方便於使用者閱讀、及找到他們要想找的內容。所以在內文的編排多使用列表、清單、大小標來區分內文。讓使用者容易找到他們想要的答案是很重要的。
  4. 外部連結:好的文章定會有許多不同的網站連結回到你的頁面,而這就是Google搜尋排名的一個重要判讀指標。所以回到相呼應於第一點"高品質的文章內容"。
  5. 滿足搜尋動機:網友搜尋林志琳,請勿給他蔡依林。
  6. 網站下載速度:讓網站下載的速度愈快愈好,如何優化下載速度呢?請參考網站下載速度優化
  7. 響應式網站設計:滿足你的網站在手機、平版上都能夠正常的呈現。請參考網站架設沒有【RWD響應式網頁設計】 Google:那你就等死吧!
  8. HTTPS:請為你的網址加上https加密。
以上是Google排名因素200多個條件的一小部份而已,但少勝於無,所以請滿足以上的基本條件。若同產業的競爭對手沒有人使用SEO,有可能您就青出於藍了。

Wordpress網站的分析工具

Wordpress的簡易型網站分析工具 Google Site Kit,安裝後會直接串聯GA、GSC、Google Ads。
Step 1:請登入Google帳號 GA安裝Step 2:Google Analytics 和 Search Console都要打勾 GA安裝Step 3:點選Process GA安裝Step 4:點選Allow GA安裝Step 5:Add Site GA安裝出現以下的畫面,就代表Google Site Kit已經安裝成功了,再點選Go To my Dashboard即可。 GA安裝 那如何利用Google Site Kit安裝GA、GSC呢?進入Wordpress的後台Site Kit的Dashboard就會看見如下圖,如Search Console、Ad Sense、Analytics、Page Speed Insights。其中Search Console出現”Connected”代表GSC已經安裝完畢了。Analytics出現”Connected Service”代表GA還未安裝,請點擊Connect Service,就一直ok、繼續執行下去就好了。GA就會安裝好了。

GA安裝

那Google Site Kit到底是什麼呢?你可以想像成他是GA、GSC的簡易版工具。因為GA、GSC其實還是需要學習才能看的懂,但透過Google Site Kit把GA、GSC的資料抓進網站,並重新設計簡易的介面呈現方式,讓網站主能更簡單的了解網站流量及網站關鍵字。但想要對網站有更深入的了解、認識,還是會建議透過GA、GSC才會最好。

Wordpress網站備份與搬家

網站備份是一件何其重要,但卻又不被重視的一件事情,而網站搬家一開始選錯網站架設工具,將來連搬家也不用搬,所以搞定網站備份才有可能網站搬家。

  1. 網站備份:Wordpress網站備份最知名的就是All in one Migration,透過All in one Migration可以做到網站每日備份、異地備份並匯出到Google Drive、本地端。馬上安裝All in one Migration
  2. 網站搬家:網站經營數年後,總會有一些原因有搬家的需求,因此如何搬的好,搬的巧,搬的SEO不會掉,都是有撇步的。可參考Wordpress網站搬家

Wordpress架站費用

Wordpress架站費用,若以wordpress.com費用為例,免費版不用錢,基本個人版年約1560,但受限居多。但wordpress.org的話,就會有一些基本的費用如下

  1. 網址費,非特殊網址大約1,000有找。年付費。
  2. 基本主機費從3000~7000都有,但主機位置、客服品質都會有差。年付費。
  3. Wordpress佈景費用,2000有找。一次付費

所以自己架設網站,首次架設網站所需的費用,大約為1萬元,次年起就看網站是否有安裝付費外掛等決定。

Wordpress架站外包報價

Wordpress架站外包報價,會落在4萬5至6萬較多,高於6萬的大都不會寫了。 可參考貴設計首年Wordpress架站費用49,800,第二年起固定成本為網站主機、網址費6,000,無維護費(參考貴設計Wordpress網站範例)。


月月收的話,對於網站長期經營網頁設計總價非常的貴,以十年總額為:每月2500*12個月*10年=300,000 月收制網站架設費用總額相當貴月繳的網站架設費用總額相當貴
所以要評估網站架設費用的話,應該以一整個網站的費用到約期結束,你需要付多少費用得到多少服務,來計算才是準確的。 參考Wordpress架站費用完整介紹。

Wordpress網頁設計公司推薦

貴設計專業「Wordpress形象網站、產品型錄式網站、購物車網站」。 找台北Wordpress網頁設計公司,請找貴設計。 網址:https://web-design.vip。或可透過畫面上的Line與我們聯絡。