嗨囉,我是設計師 Riven 🙂 歡迎回來!
繼上一篇《剛架好 WordPress 網站就要做的 10 件事情 (上)》介紹到如何建立第一個網頁,本篇將會繼續分享剩下的五件事情。
“ 最近我開設了一堂線上課程 -【建立影響力最好的時代|運用設計思考打造 WordPress 網站】。
帶領大家重新理解 WordPress 的強大和威力,自由設計、建立個人品牌網站、自媒體部落格、公司形象網頁和作品集等等。 ”
有興趣的大家可以點擊右方連結,了解完整 WordPress 課程 ➢ http://go.sat.cool/3emm3u
自定義網站選單
當今天網頁——也就是 WordPress 中的頁面數量變多的時候,就會需要將其有系統地彙整在一起,並放置到網站當中提供使用者進行點擊互動。
我們在 WordPress 控制台的 外觀 底下的 選單 可以來新增我們的網站選單(Menu)。
除了能夠將現有的頁面加進去之外,也可以加入文章或自訂的連結(比如說臉書粉專);而在選單項目都新增完成之後,也要勾選底下的「主要選單」才會正式被網站認作要使用的網站選單噢!
新增選單項目完成後,要記得儲存選單。
再次回到網站前台(點擊左上角的網站名稱)就可以在網站上方看到剛新增的選單出現了。
運用小工具擴充側邊欄與頁尾
打開 外觀 > 小工具,這邊看每個「佈景主題」的差異不同,會有一些可自定義欄位可以使用,像是本站文章右側的側邊欄,就是以 WordPress 小工具排列而成。
而如果是這篇文章示範所用的 WordPress 2021 內建佈景主題,則會有「頁尾」(如下圖)可以操作,在專有名詞上就是所謂的 Footer 啦,也就是網站最下方的位置。
左邊的小工具都可以手動拖移至右方排列
在這邊放上內容(文字、圖片或標籤雲等)後儲存,網站最下方就會出現了!
自訂網域與傳輸安全協定
如果今天已經看這個 Cloudways 提供的臨時網址不順眼,覺得網域太長太醜的時候~就是我們要來自訂網域的最好時間點了!
不過如果還沒有申請自己的網域,請先去像是 GoDaddy 這類的域名供應商購買,然後進行紀錄的指向設定;在那邊找到 DNS 管理的地方,然後新增一筆 A 紀錄,如下圖輸入 @ 跟指向到 Cloudways 的 IP 就可以。
如果過程卡住可以參考以下兩篇說明:
確認擁有網域之後,回到 Cloudways 登入帳號後台,選擇 Applications > Application Management > Domain Management,就可以找到輸入網址的地方。
輸入網址後 SAVE CHANGES
接著馬上就可以看到我們的網站網址更新成功啦!連後台登入網址也會變噢!
登愣!!這樣網站的網址就成功完成對應啦~🥳 是不是很簡單呢!
緊接著,我們順便來處理 https:// 傳輸安全協定,這個步驟建議在網域設好之後立即進行,這樣以後麻煩事會少很多..(留下年輕時不懂事的淚水😢
很多網站的網址列會顯示紅色的鎖頭或是「不安全」,這是由於該網站尚未取得 SSL 安全憑證,也因此網址只會顯示 http://..,而不是 https://..。
要搞定這個任務也滿簡單的,我們一樣回到 Cloudways 登入帳號後台,選擇 Applications > SSL Certificate > SSL MANAGEMENT,就可以看到以下畫面,接著輸入信箱與剛設定好的網站網址就可以了。(憑證種類保持 Let’s Encrypt 不變)
輸入好後按下 INSTALL CERTIFICATE,等待一段時間後,回到網站後就更新好憑證了。
登愣!!我們的網域成功變成 https:// 開頭的安全網址啦~😎 輕輕鬆鬆
● ● ●
媒體圖片尺寸設定
我知道這時候大家可能都等不及要去進一步裝飾跟整修網站ㄌ,但我們的網站後台還有一些枝微末節的小事情要去做。
回到 WordPress 網站後台,選擇 設定 > 媒體 這邊,將所有裁切數值霸道地改成 0,最下面上傳檔案的預設年份與月份也要取消勾選,然後按下儲存。
這個步驟除了是不要讓媒體庫多一堆自動產生的圖片尺寸,同時也是防止網站自動在手機、平板等較小尺寸裝置上,使用了較小張的圖片,因為這會讓像是 iPhone 這樣有 Retina 螢幕的手機上,圖片顯示起來會感覺糊糊的,可能路人看不出來啦,但在設計師眼中這個網頁跟打了馬賽克沒兩樣。
而照年份與月份命名資料夾,則會有可能讓之後搬家的時候,造成新檔名遺失路徑的問題,會造成非常大的麻煩與重工。
因此這個步驟算是稍有經驗的 WordPress 架站者會知道的,畢竟以前都吃過很大的苦頭呢⋯⋯
安裝資安防護外掛
最後一個步驟,也是很重要的架設技巧!現在網站掛在線上難免都會遭受到許多機器人攻擊,可能是重複造訪網頁、刷惡意留言或試圖攻擊管理權限等等,那一般網站架設新手哪懂得資安防護呢?這時候可以仰賴好用的外掛。
WordPress 上有許多實用的外掛可以安裝使用。
我們可以在 WordPress 控制台 > 外掛 > 安裝外掛 的地方,輸入 Wordfence Security 來找到這款外掛(Plugin),安裝後啟用就可以自動減輕網站的安全負擔,並會告訴你許多要注意的地方。


耶!恭喜你 👏 完成架設好 WordPress 網站後基本的步驟了,第一次跑這些流程的時候會稍微卡卡的,相當正常哦!等架過幾次網站經驗後,這些步驟都是很順手就能夠完成的,以本篇文章實際的架站過程來說,大概也不用 20 分鐘就能全部完成了。
這些事情有點像是在市場買了新鮮的魚,回家後要先用流水洗淨,再將魚皮剝除,還要清理魚肉雜質等等的料理前置步驟,有點瑣碎但對於後面的環節來說是相當必要且關鍵的。
而接下來呢,就是要開始著手建置網頁的內容與設計了,要將現在看起來比陽春麵還陽春的網頁徹底大改造!!
好啦,今天的內容就先到這邊,如果想要看到更多相關教學,可以訂閱本站 設計攻略電子報,或是到 Facebook RAR 設計攻略 按讚追蹤噢👍
同時,也歡迎到我們新的 Facebook 社團 WordPress 網站設計攻略討論區 發文討論與交流,裡面也會不定期發佈相關設計教學噢~
我是 Riven,我們下次見啦~掰掰!
對 WordPress 課程有興趣的大家可以點擊右方連結,了解完整內容➢ http://go.sat.cool/3emm3u

留言