Skip to content

以WordPress製作網站經驗分享 新手從零開始製作ChingStyle內容網站

Written by

清君

有好多事情不動手、欠缺實戰經驗的話,其實等於不懂。在動手用Wordpress製作網站(ChingstyleHK)後,原來沒有當初想像的困難,又其實只要勇敢踏出第一步動手,就沒有什麼能夠難倒你的了!以下是我的建站經驗分享,絕對不是什麼都通曉,要製作一個優質網站有很多技術上的困難,需要相關知識的技術人員解決,使用Wordpress建站只是便利新手而已!

你可能也喜歡  【數碼內容】內容做好了沒人看怎辦?沒有人教你的四點推廣技巧!
WordPress 5.1.1 example screenshot

建站之前需要的準備措施:選擇一個合適自己的網存服務、網域購買注意有沒有SSL

建立網站,常用的比喻就是你要開一間實體店,首先需要舖位(也就是網存,即是server),舖位有座落的地址(網域Domain name)。所以建站之前需要準備的就是這兩樣東西了:網存、網域。

而網存跟網域你不需要都在同一間公司購買,可以分開;最常見人推薦購買網域的公司應該是nampcheap;至於網存的話,Wordpress寄存有很多間公司供人選擇,例如bluehost、hostinger、cloudways等等。

要注意的是,wordpress .com 跟 wordpress .org是兩個完全不同的產品及服務,要架設網站的話,著重SEO及其他設定的,請採用wordpress .org,而wordpress .com則像是一個比較功能完備的部落格服務。

選擇一個合適自己的網存服務

在選購網存服務之前,其實我是在看「帶路姬」的,帶路姬也就是Erin Lin,她是個不懂程式、但有 21年 UI設計經驗的網站設計師。網站也就是叫做網站帶路姬,她介紹了好幾款主機,包括Bluehost、A2hosting和Cloudways。

最開初的時候,我見到Cloudways有3天免費試用,只有臨時網址,但用來體驗WP建站流程已經足夠了。而在未實際自己操作建站之前,其實在bigfoolhk我也只有參與過內容製作部分,網站技術主要交給朋友處理;而近日則有為公司建立活動網站的經驗,但是由網站架設部分都是由it同事協助,我只有安裝外掛程式、主題佈景、做設計等等的涉獵。

cloudways

由選購網存,到安裝Wordpress,到真正建站完成,要駁通Google的一切,都是由製作網站Chingstyle開始才一腳踢。

話返轉頭,因為Cloudways有3天免費試用,實際上已經很夠時間讓你體驗架設網站是如何方便快捷,Cloudways等server架設好(通常等十分鐘左右),已經開始一鍵安裝,然後立即著手部署相關的網站設計。有了這個嘗試佈景主題,由零開始的體驗,幾乎沒什麼遇到難位、樽頸位的時候,我就需要決定是否繼續用Cloudways作網存主機。

而最後我的答案是,不。因為在起始階段,成本上相對昂貴,其次是我的網站一開始並沒有那麼多、那麼大的流量需要用到這麼高階的主機。那麼就剩下Bluehost和A2hosting讓我選擇。雖然有不少人都稱讚Bluehost,但是根據身邊朋友的體驗,指出其速度相當慢,不太適宜架設部落格以外的類型網站;於是我就選取了平衡相當好的A2hosting,在價錢上不算太貴;而速度性能表現優於Bluehost,略遜於Cloudways。

網域購買、注意有沒有SSL

在處理完網存主機之後,就需要購買網域,所謂網域也就是「https://」後面那一段直至.com為止。網域發展經年,不少都可能撞名了,早前才有新聞報道過網域開始不夠用,所以在選購網域時也要多加注意。

另一樣要注意的是購買網域時,有沒有免費送贈SSL憑證,也就是網址前面,到底是不是https。SSL憑證是在網頁伺服器(主機)與網頁瀏覽器(客戶端)之間建立一個密碼連結的標準規範,用以加密傳送的資料,而Google相當看重這個標準規範,基本上是必須要有的東西。

我在namecheap查看網域時發現SSL需要另外加購,而A2hosting則有免費送贈,雖然在A2hosting購買網域看似比較貴,但nampcheap加上SSL的費用相差無幾,而且一年用不到20美金,所以我直接就在網存服務A2hosting裡加購就好了。

a2 hosting 780x350 1

使用Wordpress建立理想網站外觀 最重要選對佈景主題

WordPress採用佈景主題,直接影響你的網站外觀,雖然現在大部分的網站模板都差不多,但實際上可調控的模組,每一個佈景主題都有相當大的差異。像是我替公司做活動網站時,採用了Astra,原本想說是很多人都會用的佈景主題,但是發現欠缺彈性,有很多東西都無法編輯、更改(又或者是我不懂得如何更改)。

後來又是看帶路姬的分享,採用了Kadence。安裝佈景主題之前要先揀定,否則每次一轉,都會有可能導致錯誤,例如外掛失效、選單出錯……各種各樣的錯誤。而Kadence可彈性調節的東西甚多,在此相當推薦新手使用。

kadence

使用WordPress建站時 需要安裝合適有用的外掛

使用WordPress建站最大的好處在於支援很多外掛,而選擇和安裝合適有用的外掛,就很重要了,因為外掛的大小、性能,都會影響你的網站效能。在這裡推薦幾個有用的外掛讓大家參考看看吧:

你可能也喜歡  科幻小說結合武俠元素 香港不只有明日戰記

WordPress建立推薦外掛:Rank Math SEO

Rank Math SEO免費版可提供的功能已經足夠使用,比如設定Meta設定,設定Focus Keyword,設定自訂Permalink,建立sitemap,每個頁面、文章選擇是否需要index(即給Google索引)等等……

WordPress建立推薦外掛:Rich Table of Contents

Rich Table of Contents是將文章的H2、H3等標題自動整理成一個檢索目錄,給讀者看一目瞭然之餘,Google在爬網時也能更快容易理解你的文章,有效提升SEO效能。

WordPress建立推薦外掛:FileBird Lite

FileBird Lite是可以將媒體檔案(即是圖片)分類、整理的外掛,如果你的網站有很多需要分類的檔案,這個外掛可以非常有效地整理起來。

WordPress建立推薦外掛:WPCode – Insert Headers, Footers, and Code Snippets

這個外掛非常有用,讓不懂coding的人可以簡易將需要的code或script放入headers及footers裡,下面提及到的GA tag、Search Console及Facebook Pixel只要利用它就能很容易加入網站。

你可能也喜歡  【數位內容】新手必須認識的內容生產來源與傳播媒介

設定接駁Google Analytics、Search Console及Facebook Pixel等

一個網站最重要的是背後的數據分析,所以網站尚未發布到給公眾認知之前,一定要設定和接駁好Google Analytics,另外要讓Search Console設定好,將網站上架到Google Search Engine上面。兩者的設定其實都是去回相關的網址:

Google analytics 請去 https://analytics.google.com/,然後去建立帳戶、新增資源,將你的主要網域(網址)輸入,然後GA就會有一個code給你複製,請將複製的代碼用WPCode貼於header部分內。

Search Console則首先建立sitemap檔案,然後將xml檔案的整個網址,去到https://search.google.com/search-console/about按立即開始,貼上去新增的sitemap那裡,再等一段時間流量增加後,便會有相關的數據可以看。

至於Facebook Pixel則需要去到https://www.facebook.com/business/help/952192354843755?id=1205376682832142這裡,按著流程設定。

使用WordPress製作網站的感想

原本認為要製作一個網站,是相當困難的事情——當然要製作具規模的網站是相當困難,然而WordPress大大降低了入場門檻,我想當中最為困難有幾個check point。

第一是選擇網存,第二是購買網域名稱。需要一定英文程度和時間去認識不同供應商有什麼的分別,而最大的難關或者會在於「冇錢」。

第三個Check Point是佈景主題,與及製作「靜態主頁」,因為這裡需要不少技能和知識,例如美術的知識,知道如何揀選相襯的顏色、又要花時間去實測、理解每一個「Block」的作用,怎樣才能做出心目中的效果呢?

至於其他的事情,大多數都能依賴Google大神解決。

當中最大的感想和得著,其實就是,你不去嘗試、不去踏出第一步,就永遠都不會懂得如何做,而在嘗試之後,你會覺得很多事情其實沒你想像中的困難。勇敢踏出去,接受不同的挑戰吧!

最後更新日期: 2022-10-05

Previous article

科幻小說結合武俠元素 香港不只有明日戰記