架站勤拿手

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憑證的話，訪客的瀏覽器上就不會出現不安全的字樣，讓訪客比較安心可以瀏覽。

08_把網域的DNS指向主機

07_網站主機申請流程(Cloudways)

05_網站主機+網址的選擇與介紹

02_WordPress簡介

03_WordPress 之org與com的差別

簡介

WordPress有二種使用模式，一開始要先搞懂這二種模式的區別與特點，特別是第一種才是我們最常用的。

比較

以下兩種WordPress的本質都一樣，都是開源的網頁程式，只是在使用上分成兩個方向與模式，各有人使用。

以網址區分成兩個官方網站:

wordpress.org	wordpress.com
org官網(非營利組織) : https://tw.wordpress.org/	com官網(營利組織): https://zh-tw.wordpress.com/
a.[區分]買主機後在主機上安裝org所提供的WordPress安裝檔 ;有主機後台與網站後台。(須租主機 : 最低約$300/月) b.[子網域]可使用多個子網域架多個網站。 c.[備份還原]可在主機端自動或手動備份還原。 d.有時可能會遇上主機端的問題障礙。(詢問主機商24H客服協助排除) e.使用人數偏多。	a.[區分]該平台已內建安裝好的WordPress軟體的空網站，付費後直接使用，只有網站後台沒有主機後台。(不須租主機，租商務版最低$799/月) b.[子網域]因沒有主機，無法用主機另架子網站。 c.[備份還原]因沒有主機，「備份」僅能從網站端靠外掛來做備份。 d.因沒有主機，無法做主機端的事，只能純用網站功能 e.使用人數偏少。

對了，用.com方式申請WordPress，也是有可能被停用的，如果違反善風良俗的話，而用org的比較不會發生這種情況。

結論

上述二者都可以使用，只差在有主機與沒有主機，可自行評估後擇一使用，

而我們比較推薦「org」模式，主要是未來操作控制的彈性夠大，且費用也較便宜，本站教學也以org為主。

04_WordPress學習目標之確立

前言

學習之前要先確立目標，不要一頭熱也不要三分鐘熱度，所以可以先參考一下我列的學習三部曲與順序、等級表，再來評估自己是否真的有興趣學習下去或訂定自己要學習到什麼程度。

學習三部曲與順序

學習三大面向與順序	說明
(1)WordPress網站架設	網域設定、主機操作、內建功能、全站套版
(2)WordPress網頁設計	跳脫套版，每頁重新切版與響應式排版，已偏向製化。
(3)Woocommerce購物商店	擴充購物模組與(1)(2)融合

等級表

這是我按照個人經驗所劃分出來的「等級表」，讓新手學習時知道WordPress這個領域他需要學習到什麼程度，不要過度迷信坊間開課單位或老師所流傳的「WordPress很簡單」與 「WordPress快速架出客製化網站」的說法，因為WordPress可深可淺，深則很深，淺也能很淺，市面那種標榜一日學會、二日學完、三日完美上線，有時候可能是廣告效果，一門領域一定是需要時間鑽研、持續練習才能有所成，決不是幾日就能出道就讓你打遍天下的。

基本比較大的區分是「先學設定再學設計」、「先紮根再延伸」:

• 「靠套版主題的內建版型與功能」為新手 → 走「設定」路線、
• 「不靠多功能套版主題且能自行設計與巧搭外掛」為熟手 → 走「設計」路線，

這二個方向的粗略區分。

以下的等級區分，先暫定你不是程式底子出身所定出來的等級表。

• 行銷人員、部落客 : 須具備1、2。
• 自行架設官網: 具備1、2、3、4。
• Soho接案 : 具備1、2、3、4、5。

等級數字	等級內容	備註
1	●自行申請網域、主機，並能自行選擇適用的套版主題，並有更換主題後有自行摸索不同主題提供的設定的能力。 ●能使用基本常用的外掛來加強網站想要的功能。 ●熟用後台。 ●能寫出對SEO友善的文章。
2	●具備1。 ●開始脫離套版主題的先天限制，熟用頁面編輯器來切版、排版「單一」頁面，具備響應式網頁觀念，並能控制網頁在電腦、平板、手機等裝置有不同的排版或更改出現順序。 ●具備網站「備份、還原」的能力。 ●能並重思考如何在製作網頁時融入增加SEO的思惟。 ●能慎重以小風險方式來做網站更新、主題與外掛更新。 ●能夠在Google搜尋下對關鍵字搜尋找答案，自我學習。
3	●具備1、2。 ●不再依賴套版主題，能夠了解模版的概念，並用「頁面編輯器」製作頁首、頁尾、分類頁、單頁模版，並讓模版符合響應式網頁要求。 ●能活用外掛，適用利用外掛簡碼與外掛小工具把外掛融入單頁設計或模版設計中，成為更客製化的網站。 ●能觀察與搜集、記錄不同網站的排版方式、配色。 ●能開始從瀏覽器觀察html與css的關係，並能寫點css來隱藏或增加一些佈景主題或頁面編輯器所控制不了的部分。 ●能架出基本型的購物網站。
4	●具備1、2、3。 ●開始覺得舊站很爛，想打掉重練。 ●能夠在測試站中「玩、比較」各外掛的優缺點並記錄成表，期可在各式客製需求情境中做出「外掛巧搭」來達到客製化需求。 ●能分析出一個網站的優、缺點，進而模仿或做出類似效果。 ●能開始觀察、研究如何優化網站效能。 ●具備網站「搬家」的能力。 ●能把DNS、主機、網站三者關系搞懂，並能自行設定不同的DNS需求。
5	●具備1、2、3、4。 ●能全面性的企劃、規劃一個新網站的需求與評估可行性與製作方向。 ●能持續增強常用CSS的能力。 ●能套用別人寫好的片段程式碼到網站或某頁面上產生效果。 ●會開始期待用「較少」的外掛或片段程式碼來達到功能需求。 ●能運用ACF來增加資料欄位，甚至做出篩選資料功能。
6	●具備1、2、3、4、5。 ●能「找得出」適當的外掛來把購物網站加上客製的優惠規則、物流規則、運費規則。 ●能「找得出」適當的外掛去分級會員，做出不同需求的會員系統。 ●能開始讀懂基本的jQuery，甚至寫一點jQuery「事件」、「if」來增加網站前端的控制力。
7	●具備1、2、3、4、5、6。 ●能開始推測與找出網站各式錯誤、停擺、慢的原因，並復原或改善。 ●能在同一站中，讓一頁式購物與購物商店互不干擾。 ●能嘗試多國語言網站的最佳製作方式。
8	●具備1、2、3、4、5、6、7。 ●深入主機環境部署、優化資料庫、高度客製化程式碼、各式防護、串接實體POS機、串接外部ERP…近乎是全能的境界了，可能須具備專業資訊工程師能力或多位專業人士共同處理一個專案。

以上只是我個人經驗做出的簡單等級區分，當然必會也有人對此表可能會有不同的聲音，我此表可能表達得不甚全面，但至少讓新手有個大致上的學習方向與清楚所在的位階就夠了，另也能讓新手們知道「WordPress架站」是可深可廣，不是淺淺三兩下的事。

經以上說明，想必您對WordPress應有更全面性的了解，也應能理出一些目標與頭緒。

接下來我們就準備進入第一部曲「WordPress基本架站」的章節。