WordPress 架站與網站設計的學習示意圖

WordPress 架站第一週:5 個學習心得

建立 Rowan Builds 的這幾天,我從網域、主機、WordPress 設定一路摸索到文章排版、分類、SEO 和網站配色。

原本以為架網站大概就是「選個版型、放上文字」,實際開始操作後才發現,真正花時間的反而是那些看起來很小的細節。

想記錄我開始 WordPress 架站 第一週做了哪些事情、遇到哪些問題,還有目前學到的幾個重要觀念。

第一週完成了哪些設定?

開始之前,我幾乎是從零慢慢摸索,看著諾特斯的影片一步一步操作。

第一週主要完成了以下幾件事情:

  • 建立 Rowan Builds 的網域與網站
  • 完成 WordPress 基本設定
  • 建立文章分類與網站選單
  • 練習 Kadence Blocks 的文章排版
  • 設定網站的整體配色與字體
  • 使用 Rank Math 練習文章 SEO

雖然目前網站許多地方還不夠完善,但看著自己一步一步完成設定的目標,也是挺有成就感。

1. 先規劃網站結構

一開始我以為,只要把網站架起來,再慢慢放文章就好了。

實際操作之後,才發現網站名稱、分類、選單、文章與頁面的差別、網址結構,甚至標題要怎麼寫,都會影響後面的網站整理方式。

像我就曾經把原本應該屬於「文章」的內容建立成「頁面」。雖然內容本身不會因此消失,但在文章分類、日期排序與文章列表中,就會變得比較不好管理。

這讓我開始理解:架網站不是只有設計畫面,而是先把網站的結構想清楚。

WordPress 架站文章分類與網站選單設定

2. 讓文章更容易閱讀

以前比較習慣 Word 那種文件排版方式,所以寫網站文章時,常常會很在意一句話到底在哪裡換行。

後來才慢慢理解,網頁會根據電腦、平板和手機的寬度自動換行,比起刻意控制每一行有幾個字,更重要的是把句子寫短一點、段落分清楚,並建立正確的標題階層。

目前最常用的文章結構

我把 H1 留給整篇文章的主標題,讓閱讀層次保持清楚。

H2 則用來區分文章的大段落,例如你現在看到的「2. 讓文章更容易閱讀」。

如果 H2 底下還需要再細分內容,就可以加入 H3。

我目前的做法是先把 H1、H2、H3 用清楚,不要為了調整字體大小而亂跳標題階層。

3. 分清楚文章與頁面

第一週很重要的一個觀念。

我目前把它理解成:

文章比較適合會隨時間累積或逐漸失去時效性的內容。

例如學習紀錄、食記、旅行心得、網站更新紀錄。

而頁面比較適合長期固定、不需要依照日期排序、分類的內容。

例如「關於我」、「聯絡我」或作品集入口頁。

理解這個差別之後,我在安排 Rowan Builds 的網站內容時就清楚很多。

4. SEO 從讀者需求出發

開始使用 Rank Math 之後,我第一次比較具體地看到,一篇文章可以從標題、網址、描述、圖片到內部連結一步一步進行 SEO 設定,搭配 Google Search Central 的 SEO 官方指南,確認自己學到的做法是否符合搜尋引擎的基本原則。

目前我會先注意幾個基本項目:

  • 標題是否清楚描述主題,並自然使用相關詞彙
  • 搜尋摘要是否準確說明內容,幫助讀者判斷
  • Permalink 是否簡短清楚
  • 圖片是否有 Alt Text
  • 需要補充說明時,連到相關文章與可靠來源

不過,SEO 分數並不是文章好壞的唯一標準。

如果只是為了讓所有項目變成綠色,而一直重複塞入關鍵字,文章反而可能變得不自然。

目前我比較希望先做到:讓讀者看得懂、Google 也看得懂。

如果想了解我為什麼開始建立這個網站,可以延伸閱讀 〈我為什麼建立 Rowan Builds〉

5. 維持配色與閱讀舒適度

原本以為網站配色就是挑幾個喜歡的顏色放上去。

但真的開始調整 Blocksy 的整體色彩之後,才發現背景、文字、連結、標題和按鈕彼此之間都會互相影響。

有一次我只是調整了全域色彩,進入文章頁面後整個背景突然變成深色,文字甚至看不到。

最後重新調整整體調色盤,才把網站恢復成現在比較喜歡的淺色、低飽和灰綠風格。

網站設計不只是「好不好看」,也要考慮讀者到底看不看得舒服。

實作中遇到的問題

後來發現是 Blocksy 的整體色彩調色盤影響了不同頁面的背景設定。重新調整全域配色後,文章頁就恢復成淺色。

最大的原因是一開始太在意每一行文字長度,會手動切很多段。後來改成讓網站自行換行,只在一個完整想法結束後換段,閱讀起來舒服很多。

還沒有。目前還在一邊看教學、一邊實際操作的階段。有些功能還沒學到,所以會先把基本結構完成,再慢慢增加。

第一週主要是在熟悉 WordPress 和建立網站架構。

接下來,希望把重心慢慢轉向真正的內容製作,包括數位行銷、SEO、AEO、GEO、AI 工具與網站經營的學習紀錄。

也會開始觀察文章發布後,在網站列表、分類頁與搜尋引擎中的實際呈現方式。

下一步:繼續實作與記錄

第一週最大的收穫,不是已經會架網站了,而是開始知道一個網站背後到底有哪些事情需要處理。

從網站結構、文章排版、SEO、圖片,到配色和使用者閱讀體驗,每一個看起來很小的設定,其實都會影響最後的結果。

Rowan Builds 對我來說,就是一個可以持續測試、犯錯、修改,再把過程記錄下來的地方。

如果你也正在從零開始學 WordPress,可以先看看前面的 這週我完成了什麼,也許能找到一些適合自己開始的方向。