在首頁加入「有關於我」

Wordpress網頁設計教學 - 在首頁加入「有關於我」#3 - 封面

WordPress網頁設計教學 – 在首頁加入「有關於我」
所需時間:5 mins
你將會學到:明白在Wordpress中,Row 與 Widgets 的用法;學會加入內容到首頁

————————————————————

在這一課,我們會編寫「有關於我」這部份的內容。在開始這課之前,我想讓你知道兩個經常出垷的詞語:Row 和 Widgets 的意思。

  • Row – 就是「行」或「列」,你可以想像成高樓大廈的其中一「層」
  • Widgets – 就是「小部件」或「小工具」,你可以想像成住在該層的「住客」

所以很明顯地,我們要先建立好該層大廈(Add Row),才可以讓住客進駐(Add Widget)。即使現在未明白,也沒關係,等一下你就會知道我在說什麼了。

在Wordpress首頁的頁面,增加「有關於我」的部份

這一課十分簡單,可以先看以下影片

  1. 你可以直接在首頁的正上方,點 編輯頁面,或點 網站名稱 > 頁面 > 首頁 回到去編輯頁面的地方。
  2. 選 Page Builder > Add Row > Set Row Layout = 1 >
  3. 點 右邊的Layout > Row Layout = Full Width >
  4. 點 下邊的Design > Background Color = #0066bf > Insert
    (這樣,我們就完成了這一行[層]的建架了,接下來要加入當中的部件[住客])
  5. 點 上方的 Add Widget > SiteOrigin Editor > Edit
  6. 在文字框中輸入 有關於我 > 改成 標題2 > 在下一行輸入有關於我的內容
  7. 選取所有文字 > 點 置中
  8. 選取所有文字 > 點 工具列開關 > 點 文字色彩 > 更改顏色為 白色
  9. 完成後點 Done > 更新

點選固定網址的連結,就會回到網站首頁,你可以查看一下,就會看到「有關於我這一部份,已經成功加到首頁了。在下一課,我們會新增「我們的產品 / 服務」這一部份,並將它加入到首頁。

如果你對這課有任何不明白,可以inbox問我!加油!

下一課:
#4 新增「產品及服務」的內容到首頁