架站勤拿手

16_如何安裝佈景主題(3種方式)

18_後台兩大資料區(頁面&文章)與使用時機

前言

WordPress內建兩大資料區為「頁面」與「文章」，會因應不同需求而有不同的應用, 我們在開始設計網頁之前，須先把這兩大資料區的型態、特性、運用方式先了解清楚。

 

頁面vs文章

基本識別，頁面的英文是 Page，文章的英文是 Post，兩者在後台的主要識別是依靠英文上有這樣的區別，網址的格式上也會有所區別，其它請參考以下表格的說明。

以下為頁面與文章的區別與使用時機:

頁面	文章
頁面的英文是 Page	文章的英文是 Post
每一頁皆各自獨立，沒有分類、標籤的限制。	每一頁都須收納分類、標籤中。
預設不會在前台自動出現，除非手動把指定的頁面加入「上方選單」才會出現。	預設會在前台以文章列表方式呈現，且在文章分類中就可以找得到每一篇文章。如果上方選單太空洞，也可以把某分類或單篇文章另加在上方選單中讓人點選。
主要用途 : 用來做自製首頁、客製部落格主頁、形象官網、銷售頁、活動頁、到達頁、一頁式網站、購物商店，例如關於我、服務介紹、收費方案、經銷據點、聯絡我…(自行延伸)	主要用途 : 做內容行銷以增加搜尋引擎的收錄，例如寫開箱文、分享文、教學文、案例文……(自行延伸)
把每一頁面用「選單」組合起來並呈現在網站上方，做為網站導引或單一專頁的說明。	把所有寫好的文章以自動列表方式展示在前台，即成為「部落格」，創造實用優質內容以吸引客戶、增加SEO曝光效果。
頁面→搭配選單	文章→搭配分類、標籤、選單
版型 : 每一頁均需要獨立設計。	版型 : 只需設立好模版之後，未來在後台一直寫新的文章發佈後，每一篇新文章會自動套用設計好的模版之版型。

 

以上表而言，若你網站是形象網站，會選用頁面來製作，例如做『首頁、關於我們、服務項目、聯絡我』這四頁，其實就不須用到「文章」。

若網站中會有製作「最新消息、知識專欄、…」等等這類不定時更新或上架寫內容的需求，就會使用到文章來處理這樣的需求。

 

 

15_我應該選擇哪一套佈景主題

14_對佈景主題基本認知

13_WordPress後台快速說明

12_登入網站後的初始化設定

簡介 :

一個全新的網站須先做點基本設定，就跟新手機剛入手時也須做點基本設定，以利後續的運作。

實作開始 :

1、路徑 : 設定/一般

對照下圖與說明自行調整，這個以後可以隨時更動。

網站標題 : 幫自己網站想一個名字，品牌名、公司名都可。

網站說明 : 此網站的簡短說明，大概10~20字即可。

網站圖示 : 不是Logo，可以當它是「網址圖示」，在瀏覽器頁籤會出現的識別小圖示。(下載Demo圖來上傳練習)

*WordPress位址 : 此處不要亂動，除非會造成網站無法登入。

*網站位址 :此處不要亂動，除非會造成網站無法登入。

會員資格 : 不要勾，勾了會一堆機器人來註冊。(如果以後需要有加入會員功能，會用外掛方式來做，故此可以安心先不要勾)

網站介面語言 : 繁體中文或隨你高興。

日期格式 : 如圖即可。

時間格式 : 如圖即可。

完成後按下存檔即可。

---

2、設定/媒體

設定WordPress網站會自動產生的的圖尺寸。

WordPress都會預設幫我們產生不同尺寸的縮圖，這有利於網頁載入的速度，這是一種貼心，但這樣子每上傳一張圖就會多產生3種尺寸，比較浪費空間。

而後面會安裝佈景主題後，佈景主題也有它自行要用的縮圖尺寸，佈景主題不一定會吃以上3種內建的縮圖，不同的佈景主題可能會自己產生要用的縮圖尺寸，這樣你又會再多3張縮圖，所以每上傳1張圖就得多產生6張縮圖，為了節省空間，我們讓佈景主題自己去產生縮圖就好，故如上圖把內建的縮圖功能關掉。

當然你不關也可以的。

---

 

3、設定/永久連結

永久連結 : 指的是網址的架構或稱為格式，指的是每頁網頁或每篇文章在主網址 abc.com後面的名稱或代號，例如「 https://smallway.com.tw/網頁設計/ 」，主網址後面那串就是每一頁網頁的代稱或名稱。

一般預設是「postname」，即主網址後面就是你該網頁或文章的標題，可自行修改成中文、英文、數字或英數混合，新手架站暫以此「postname」為設定即可。

以下為「永久連結」的補充說明，若覺得太複雜可先略過:

4、設定/討論

4.1 關閉留言審核

這樣訪客的留言就會不用經批准就會出現留言區。

4.2 設定訪客留言者的頭貼

設定成自動產生。

以上是我覺得最基本的初始化設定，請務必先完成。

11_帳密小整理

簡介 :

把當下所申請的帳密做清單式整理，日後方便管理。

說明 :

1、網域帳密

在Gandi申請網域時的會員帳密，請保管好!

2、主機帳密

在Cloudways申請主機時的會員帳密，請保管好!

3、網站後台帳密

在主機端的Application的網站中，可以找到網站後台帳密，可先複製到記事本存檔。

再來，請直接從「網站帳密」進入你的網站後台吧 !

※整理個小表格如下:

1.網域帳密	■登入網址 : https://www.gandi.net/ ．帳號: ．密碼:
2.主機帳密	■登入網址 : https://cloudways.com/ ．帳號: ．密碼:
3.網站帳密	■登入網址 : https://你的網址/wp-admin ．帳號: ．密碼:

結語 :

以後會一直反覆用到的是「網站帳密」，另兩組就比較少用了。

『網域帳密』一般只有隔年續約時才會再用到，

『主機帳密』只有要做網站還原或新增網站時才會再用到，

所以暫時沒有用到的帳密請妥善保管!

10_在主機端手動做第一次備份與設定自動備份

簡介 :

新網站先做一次手動備份，萬一後面網站玩壞了可直接來此復原。

說明 :

備份，可以在主機端做，也可以在網站端做，一般而言我會傾向在主機端做即可，有必要性我才會在網站端也順便做，並把網站端的備份檔再自動上傳至Google雲端空間

這邊先示範用主機端做。

我們課程教的是「Cloudways」主機，它本身就有每日自動備份的功能(不用再付費)，但由於自動備份是在半夜才會啟動，而我們現在已經要開始玩我們的網站了，為了避免新手不小心把網站搞壞(其實剛開始是不太可能)，我們就先手動做一次備份吧。

其實是我為了讓新手們有備份的觀念與知道怎麼做備份，所以規劃在此先手動做一次。

開始實作 :

1、手動備份

一樣在 “Application”下的網站裡面，點選”Backup and Restore”，如下圖，在②的地方按下去就是手動立即備份了。

靜等它跑完即可，此時不要任意關閉畫面。

2、手動還原

同樣的畫面，下方若點選 ” ROLLBACK “再點OK，就可以選一個日期還原。

基本上它的日期是每2日一個備份，保留15個還原點。

以上即學會了在「主機端」對網站的備份、還原。

3.更改自動備份的週期

如下圖，先切換到Servers的介面，設定一下備份的週期，基本上是建議設定每日一次(預設值是每2日一次)並保留四週，這樣就可以了。

進階說明 :

1、網站備份檔可以下載嗎？

在主機端做的備份檔預設是無法下載(想下載須另外改成本地端空間備份才行)，但在網站端做的才可以下載或再設定讓它直接備份到Google雲端去，需要時再去雲端空間來下載。

2、一般用網站端做的備份可以直接下載，下載後可以複製到其它主機上的空網站去還原，這樣就變成一個一模一樣的網站了，也就是所謂的「網站搬家」。

3、用WordPress替人做網站，完工後若業主要求要交付原始檔的話，只要交付這個「網站端的備份檔」即可。

4、未來如果網站有做外掛升級、大變動前，最好都來手動備份一次，以免網站出問題要還原時卻沒有離現在最新的備份檔可用。(因主機自動建立的備份時間點是前一日)

09_在主機端安裝免費SSL憑證 

簡介 :

SSL憑證主要是讓封包傳輸時，替封包做「加密傳輸」，有安裝的話讓網址會有「https」開頭。

(尤其是機敏資料，例如填寫會員資料、購物網站的刷卡…等等)

SSL憑證不用另外買，我們用的這家主機商就有送了!

準備 :

請先測試一下前一章節教的所設定的網域指向是否已經生效，若未生效則安裝SSL憑證會失敗喔。

只要在瀏覽輸入你的網址，如果已經可以看到一個全新的空的WordPress網站就代表已經指向生效了。

開始實作 :

1、至「Applications」選擇網站

先從Applications中選擇自己剛安裝好的網站，並點擊進去。

2、點擊”SSL Certificate”

「SSL Certificate」就是主機商提供的免費SSL。

如下圖步驟完成即可。

3、強制使用https開頭的網址

安裝成功後，會跳出一個小視窗問你是否要把網址都強制轉向至有https開頭的，請按下「ENABLT HTTPS」。若按太快不小心關掉，可以來圖4這邊設定即可。

4、重要提醒

你一定要把SSL憑證安裝成功，且確定網址都已經是「https」開頭(有一個鎖頭)，才正式在網站中上傳圖片、檔案之類，

否則在你網址都還沒有成為https狀態之下，就開始編寫網頁，此時頁面或文章時所上傳的任何檔案或媒體，它的來源網址都會是無https的，而就算你未來把SSL憑證補安裝好了，原本已上線的網頁中的媒體或圖，仍會是無https狀態的路徑，這樣會造成整個網頁中有https與無https的圖檔混在一起，形成「混合內容」，在瀏覽器的網址列上仍是會顯示不安全。

其它說明 :

1、SSL憑證也有付費式，但一般網站我們用免費的就非常足夠了。

2、免費SSL憑證的提供 : 有些主機商會提供、有些是網域商也會提供，但一般都是主機端會提供居多。

3、有安裝SSL憑證不代表主機、網站就不會受駭客攻擊或入侵，真正要防止駭客的是主機(商)的主機防護能力、網站的資安作為，而不是單靠這個SSL憑證。

4、有安裝SSL憑證的話，訪客的瀏覽器上就不會出現不安全的字樣，讓訪客比較安心可以瀏覽。