嗨囉，我是設計師 Riven 🙂 歡迎回來！
在上一篇《10 分鐘架設好 WordPress》的文章中，我們已經將網站主機連同 WordPress 軟體都安置好了，恭喜你已經踏出最困難的那一步！
那麼接下來就是要正式開始操作我們的 WordPress 網站，在最一開始總有些該做的事情等著我們去做，勤勞一點做完這些步驟，會對之後架站過程有很大幫助的～
而為了寫這篇新手適用的教學文章，我重新辦了新的帳號，刷了卡續約主機還申購新的網域，並將過程詳實一步步記錄下來，照著做保證可行噢！！
架設 WordPress 網站可以到 Cloudways 進行申請帳號及購買。
如果上次架好網站後，不小心將瀏覽器的分頁關掉了，可以再按照上面這篇文章的步驟，重新回到 Cloudways 並登入帳號，然後於後台介面的左上角選擇 Applications 並點選 WordPress 應用程式，接著再次登入進去 WordPress 網站，方能銜本篇文章接下來內容。
本篇文章截圖皆以繁體中文介面呈現，若網站仍是預設的英文，可以到後台的 Settings > General > Site Language 更換語系；另外相關步驟截圖皆是以電腦瀏覽器大小為主，建議使用電腦閱讀，用手機看會太小啦！
認識 WordPress 控制後台
進入 WordPress 後台後第一眼看到的就是這個控制台，有一些基本的初始操作步驟可以跟著做，而隨著網站經營時間久了，我們之後可以隨時回來這裡進行基本的網站保養（管理）。
靠近左側一排的功能區域很簡單易懂，基本上稍微摸個一兩下就可以搞清楚了，下面我們條列一下主要的功用，大家之後邊操作就會邊熟悉了：
控制台
日後可隨時回來進行網站管理、軟體更新的面板，並可自定義想要看到的資訊。
文章
只要是想在網站中新增、撰寫文章都要來到這裡，也可進行編輯或分類等操作。
媒體
乘載這個網站中圖片、影片的存放地點，也可進行批次上傳與刪除等動作。
頁面
等同於網頁；想在網站中新增或編輯任一網頁，都要在這裡進行噢。
留言
可管理網站體內的 WordPress 系統留言，但在台灣其實串臉書留言更實用。
外觀
主宰網站的樣式介面設計，可以進行基本的內建設定與通用頁面的基礎排版。
外掛
WordPress 殺手級功能之一，可以在這邊透過裝載新的外掛來讓網站功能愈強大。
使用者
可以在此新增網站的管理員與編輯權限，若有多人管理這個網站時可在此進行操作。
工具
可以做它站內容的匯入、匯出以及本站資料的匯出等動作；不過平常用不太到這個。
設定
可進行網站基本設定的地方，像是網址、時區、文章連結、媒體預設設置等等。
而隨著網站的外掛 (Plugin) 愈裝愈多，控制後台這邊的選項與功能也會愈來愈複雜；目前剛架設好的初始狀態是最簡單的樣子了。
設置佈景主題
大概對後台介面有個簡單理解後，我們先到 外觀 的 佈景主題，可以看到目前網站所套用的樣式是 Twenty Twenty-One (2021) 最新的 WordPress 內建佈景主題。
Twenty Twenty-One 是一款能讓使用者使用區塊編輯器盡情揮灑個人想法的佈景主題。它內建多款全新區塊版面配置，能讓使用者在極短時間內建立美觀的內容版面配置，並以通過時間考驗的柔和色彩及令人眼前為之一亮的設計，網站外觀設計能讓內容更加相得益彰。請試試 Twenty Twenty-One 佈景主題，便能看到它將作品集、商務網站或個人部落格提升到新境界。
我們可以選擇繼續使用這個佈景主題，等到網站文章與資訊愈來愈多的時候就，內容才能夠撐起來像個正常的網頁。
而如果之後想要換個佈景主題來做，則可以在 佈景主題 選擇 安裝佈景主題 來找到更多的樣式設計來安裝、套用，這邊看到的多是免費的。
關於佈景主題的挑選，我們之後會專文探討與教學，這邊可以先選擇預設的內建主題即可。
網站標題命名
剛看了一眼現在網站的樣子後，我們也可以來幫網站命個名稱；同樣在 外觀 底下的 自訂 按下去就可以找到設定的地方。
我們就可以在此處更新上網站標題、網站說明的文字，這會影響使用者在瀏覽器上看到的實際資訊噢！試著想個完整又有創意的網站名稱吧。
同時，這邊也能夠上傳圖片做成網站圖示，就是瀏覽器分頁上的小圖，專業術語上叫做 Favicon，建議是 512×512 尺寸的透明背景 .png 縮圖。
發表第一篇文章
回到 WordPress 網站後台，我們來新增第一篇部落格文章吧！在控制台點選 文章 就可以找到文章管理的介面，接著我們點選 新增文章。
進入文章編輯器後，就可以直接開始撰寫文章的標題跟內文了，在本站中看到的每一篇文章也都是在這邊直接敲打而成的哦～
而目前 WordPress 採用區塊編輯器的設計，可以用模組化的方式來編輯文章排版，比如說標題段落、放置圖片、引文樣式等等，算是很友善的寫作環境噢！
順帶一提這編輯器其實是最近更新後才好用很多，以前的 WordPress 文章編輯器之難用，真的寧願在 Medium 寫好再複製過來欸⋯ 在 WordPress 教學文裡這樣吐槽是對的嗎
若寫作完成後，就可以在右側面板中選擇先預覽文章，或直接發佈文章，以及還可以設定精選圖片（連結縮圖）與設定永久連結（文章網址）等等動作。
建立第一個網頁
通常來說一個「網站」會由數個「網頁」所組成，而透過 WordPress 控制台的 頁面 我們可以來新增與編輯網頁。
而就跟新增編輯文章一樣，我們可以透過 WordPress 內建的區塊編輯器來製作網頁，將一個個內建好的區塊模組放進去，就能夠逐步建構出網頁上的內容。
自定義網站選單
當今天網頁——也就是 WordPress 中的頁面數量變多的時候，就會需要將其有系統地彙整在一起，並放置到網站當中提供使用者進行點擊互動。
我們在 WordPress 控制台的 外觀 底下的 選單 可以來新增我們的網站選單(Menu)。
除了能夠將現有的頁面加進去之外，也可以加入文章或自訂的連結（比如說臉書粉專）；而在選單項目都新增完成之後，也要勾選底下的「主要選單」才會正式被網站認作要使用的網站選單噢！
運用小工具擴充側邊欄與頁尾
打開 外觀 > 小工具，這邊看每個「佈景主題」的差異不同，會有一些可自定義欄位可以使用，像是本站文章右側的側邊欄，就是以 WordPress 小工具排列而成。
而如果是這篇文章示範所用的 WordPress 2021 內建佈景主題，則會有「頁尾」（如下圖）可以操作，在專有名詞上就是所謂的 Footer 啦，也就是網站最下方的位置。
自訂網域與傳輸安全協定
如果今天已經看這個 Cloudways 提供的臨時網址不順眼，覺得網域太長太醜的時候～就是我們要來自訂網域的最好時間點了！
不過如果還沒有申請自己的網域，請先去像是 GoDaddy 這類的域名供應商購買，然後進行紀錄的指向設定；在那邊找到 DNS 管理的地方，然後新增一筆 A 紀錄，如下圖輸入 @ 跟指向到 Cloudways 的 IP 就可以。
如果過程卡住可以參考以下兩篇說明：
確認擁有網域之後，回到 Cloudways 登入帳號後台，選擇 Applications > Application Management > Domain Management，就可以找到輸入網址的地方。
接著馬上就可以看到我們的網站網址更新成功啦！連後台登入網址也會變噢！
登愣！！這樣網站的網址就成功完成對應啦～🥳 是不是很簡單呢！
緊接著，我們順便來處理 https:// 傳輸安全協定，這個步驟建議在網域設好之後立即進行，這樣以後麻煩事會少很多..（留下年輕時不懂事的淚水😢
很多網站的網址列會顯示紅色的鎖頭或是「不安全」，這是由於該網站尚未取得 SSL 安全憑證，也因此網址只會顯示 http://..，而不是 https://..。
要搞定這個任務也滿簡單的，我們一樣回到 Cloudways 登入帳號後台，選擇 Applications > SSL Certificate > SSL MANAGEMENT，就可以看到以下畫面，接著輸入信箱與剛設定好的網站網址就可以了。（憑證種類保持 Let’s Encrypt 不變）
輸入好後按下 INSTALL CERTIFICATE，等待一段時間後，回到網站後就更新好憑證了。
登愣！！我們的網域成功變成 https:// 開頭的安全網址啦～😎 輕輕鬆鬆
媒體圖片尺寸設定
我知道這時候大家可能都等不及要去進一步裝飾跟整修網站ㄌ，但我們的網站後台還有一些枝微末節的小事情要去做。
回到 WordPress 網站後台，選擇 設定 > 媒體 這邊，將所有裁切數值霸道地改成 0，最下面上傳檔案的預設年份與月份也要取消勾選，然後按下儲存。
這個步驟除了是不要讓媒體庫多一堆自動產生的圖片尺寸，同時也是防止網站自動在手機、平板等較小尺寸裝置上，使用了較小張的圖片，因為這會讓像是 iPhone 這樣有 Retina 螢幕的手機上，圖片顯示起來會感覺糊糊的，可能路人看不出來啦，但在設計師眼中這個網頁跟打了馬賽克沒兩樣。
而照年份與月份命名資料夾，則會有可能讓之後搬家的時候，造成新檔名遺失路徑的問題，會造成非常大的麻煩與重工。
因此這個步驟算是稍有經驗的 WordPress 架站者會知道的，畢竟以前都吃過很大的苦頭呢⋯⋯
安裝資安防護外掛
最後一個步驟，也是很重要的架設技巧！現在網站掛在線上難免都會遭受到許多機器人攻擊，可能是重複造訪網頁、刷惡意留言或試圖攻擊管理權限等等，那一般網站架設新手哪懂得資安防護呢？這時候可以仰賴好用的外掛。
我們可以在 WordPress 控制台 > 外掛 > 安裝外掛 的地方，輸入 Wordfence Security 來找到這款外掛(Plugin)，安裝後啟用就可以自動減輕網站的安全負擔，並會告訴你許多要注意的地方。
耶！恭喜你 👏 完成架設好 WordPress 網站後基本的步驟了，第一次跑這些流程的時候會稍微卡卡的，相當正常哦！等架過幾次網站經驗後，這些步驟都是很順手就能夠完成的，以本篇文章實際的架站過程來說，大概也不用 20 分鐘就能全部完成了。
這些事情有點像是在市場買了新鮮的魚，回家後要先用流水洗淨，再將魚皮剝除，還要清理魚肉雜質等等的料理前置步驟，有點瑣碎但對於後面的環節來說是相當必要且關鍵的。
而接下來呢，就是要開始著手建置網頁的內容與設計了，要將現在看起來比陽春麵還陽春的網頁徹底大改造！！
好啦，今天的內容就先到這邊，如果想要看到更多相關教學，可以訂閱本站 設計攻略電子報，或是到 Facebook RAR 設計攻略 按讚追蹤噢👍
同時，也歡迎到我們新的 Facebook 社團 WordPress 網站設計攻略討論區 發文討論與交流，裡面也會不定期發佈相關設計教學噢～
我是 Riven，我們下次見啦～掰掰！
