嗨囉,我是設計師 Riven 🙂 歡迎回來!
在上一篇《10 分鐘架設好 WordPress》的文章中,我們已經將網站主機連同 WordPress 軟體都安置好了,恭喜你已經踏出最困難的那一步!
那麼接下來就是要正式開始操作我們的 WordPress 網站,在最一開始總有些該做的事情等著我們去做,勤勞一點做完這些步驟,會對之後架站過程有很大幫助的~
架站完成後的網站排版、美感設計、後台管理、網頁流程是決定網站成敗的重要因素。
想了解更完整的架站撇步,可以參考我最近開設線上課程 -【建立影響力最好的時代|運用設計思考打造 WordPress 網站】。
點擊右方連結,了解完整 WordPress 課程 ➢ http://go.sat.cool/3emm3u
而為了寫這篇新手適用的教學文章,我重新辦了新的帳號,刷了卡續約主機還申購新的網域,並將過程詳實一步步記錄下來,照著做保證可行噢!!
架設 WordPress 網站可以到 Cloudways 進行申請帳號及購買。
如果上次架好網站後,不小心將瀏覽器的分頁關掉了,可以再按照上面這篇文章的步驟,重新回到 Cloudways 並登入帳號,然後於後台介面的左上角選擇 Applications 並點選 WordPress 應用程式,接著再次登入進去 WordPress 網站,方能銜本篇文章接下來內容。
本篇文章截圖皆以繁體中文介面呈現,若網站仍是預設的英文,可以到後台的 Settings > General > Site Language 更換語系;另外相關步驟截圖皆是以電腦瀏覽器大小為主,建議使用電腦閱讀,用手機看會太小啦!
認識 WordPress 控制後台
進入 WordPress 後台後第一眼看到的就是這個控制台,有一些基本的初始操作步驟可以跟著做,而隨著網站經營時間久了,我們之後可以隨時回來這裡進行基本的網站保養(管理)。
剛開始還很空的 WordPress 控制台介面
靠近左側一排的功能區域很簡單易懂,基本上稍微摸個一兩下就可以搞清楚了,下面我們條列一下主要的功用,大家之後邊操作就會邊熟悉了:
控制台
日後可隨時回來進行網站管理、軟體更新的面板,並可自定義想要看到的資訊。
文章
只要是想在網站中新增、撰寫文章都要來到這裡,也可進行編輯或分類等操作。
媒體
乘載這個網站中圖片、影片的存放地點,也可進行批次上傳與刪除等動作。
頁面
等同於網頁;想在網站中新增或編輯任一網頁,都要在這裡進行噢。
留言
可管理網站體內的 WordPress 系統留言,但在台灣其實串臉書留言更實用。
外觀
主宰網站的樣式介面設計,可以進行基本的內建設定與通用頁面的基礎排版。
外掛
WordPress 殺手級功能之一,可以在這邊透過裝載新的外掛來讓網站功能愈強大。
使用者
可以在此新增網站的管理員與編輯權限,若有多人管理這個網站時可在此進行操作。
工具
可以做它站內容的匯入、匯出以及本站資料的匯出等動作;不過平常用不太到這個。
設定
可進行網站基本設定的地方,像是網址、時區、文章連結、媒體預設設置等等。
而隨著網站的外掛 (Plugin) 愈裝愈多,控制後台這邊的選項與功能也會愈來愈複雜;目前剛架設好的初始狀態是最簡單的樣子了。
設置佈景主題
大概對後台介面有個簡單理解後,我們先到 外觀 的 佈景主題,可以看到目前網站所套用的樣式是 Twenty Twenty-One (2021) 最新的 WordPress 內建佈景主題。
之後如果看到佈景主題有更新的提示,都可以順手點一下更新。
然後點選下圖藍框處可以看到目前網站長什麼樣子
嗯⋯⋯看起來有夠陽春的網頁呢 😅
Twenty Twenty-One 是一款能讓使用者使用區塊編輯器盡情揮灑個人想法的佈景主題。它內建多款全新區塊版面配置,能讓使用者在極短時間內建立美觀的內容版面配置,並以通過時間考驗的柔和色彩及令人眼前為之一亮的設計,網站外觀設計能讓內容更加相得益彰。請試試 Twenty Twenty-One 佈景主題,便能看到它將作品集、商務網站或個人部落格提升到新境界。
我們可以選擇繼續使用這個佈景主題,等到網站文章與資訊愈來愈多的時候就,內容才能夠撐起來像個正常的網頁。
而如果之後想要換個佈景主題來做,則可以在 佈景主題 選擇 安裝佈景主題 來找到更多的樣式設計來安裝、套用,這邊看到的多是免費的。
WordPress 上有很多內建的免費佈景主題,但都是簡簡單單的那種。
關於佈景主題的挑選,我們之後會專文探討與教學,這邊可以先選擇預設的內建主題即可。
網站標題命名
剛看了一眼現在網站的樣子後,我們也可以來幫網站命個名稱;同樣在 外觀 底下的 自訂 按下去就可以找到設定的地方。
(右圖)此處選擇 網站識別 展開
我們就可以在此處更新上網站標題、網站說明的文字,這會影響使用者在瀏覽器上看到的實際資訊噢!試著想個完整又有創意的網站名稱吧。
同時,這邊也能夠上傳圖片做成網站圖示,就是瀏覽器分頁上的小圖,專業術語上叫做 Favicon,建議是 512×512 尺寸的透明背景 .png 縮圖。
發表第一篇文章
回到 WordPress 網站後台,我們來新增第一篇部落格文章吧!在控制台點選 文章 就可以找到文章管理的介面,接著我們點選 新增文章。
進入文章編輯器後,就可以直接開始撰寫文章的標題跟內文了,在本站中看到的每一篇文章也都是在這邊直接敲打而成的哦~
而目前 WordPress 採用區塊編輯器的設計,可以用模組化的方式來編輯文章排版,比如說標題段落、放置圖片、引文樣式等等,算是很友善的寫作環境噢!
順帶一提這編輯器其實是最近更新後才好用很多,以前的 WordPress 文章編輯器之難用,真的寧願在 Medium 寫好再複製過來欸⋯ 在 WordPress 教學文裡這樣吐槽是對的嗎
若寫作完成後,就可以在右側面板中選擇先預覽文章,或直接發佈文章,以及還可以設定精選圖片(連結縮圖)與設定永久連結(文章網址)等等動作。
建立第一個網頁
通常來說一個「網站」會由數個「網頁」所組成,而透過 WordPress 控制台的 頁面 我們可以來新增與編輯網頁。
而就跟新增編輯文章一樣,我們可以透過 WordPress 內建的區塊編輯器來製作網頁,將一個個內建好的區塊模組放進去,就能夠逐步建構出網頁上的內容。
對 WordPress 課程有興趣的大家可以點擊右方連結,了解完整內容➢ http://go.sat.cool/3emm3u
留言