WordPress網頁設計教學 – 新增「產品及服務」的內容到首頁
所需時間：15 mins
你將會學到：使用在Wordpress中Services功能，並加入公司的產品及服務內容到首頁
————————————————————
在這課的Wordpress網頁設計教學，我們要建立一個清晰簡潔的「產品及服務」內容，讓客顧第一時間了解你公司提供的產品及服務。首先，我們要在服務欄(Services)建立相關的內容，之後再把這些內容放進首頁。
新增網站的產品及服務內容
- 在左上角點網站的名稱回到後台 > Services > Add New Service
- 輸入服務的名稱 > 輸入服務的內容 > 將服務的內容 置中
- 在右邊點 新增分類 > 輸入 我們的服務 > 再點 新增分類
- 在下邊的Service icon，點 here > 搜尋合適的icon，並複製它的代碼(fa-camera) > 在Service icon中貼上
- 發表
在這個教學的服務分別是攝影服務、影片後製、專業司儀，使用的Icon 代碼為fa-camera、fa-video-camera、fa-microphone，你可以自行加入3 – 4個公司的服務內容，或跟著我們這個教學去加入公司的產品及服務內容，也是可以的。當你完成新增內容後，
下一步就是要將它們放到首頁
- 頁面 > 首頁 > Add Row > Set row layout = 1 > Insert
- Add Widget > SiteOrigin Editor > Edit
- 輸入 我們的產品 / 服務 > 改為 標題2 > 置中 > Done
- Add Widget > 在左邊點 Sydney 佈景主題小工具 > Sydney FP: 服務類型 A > Edit
- 如果你有四個服務，請打鈎 以兩列而非三列的方式展示服務項目，如果只有三個則不用理會 > Done
- Add Widget > All Widgets > SiteOrigin Button > Edit
- Button Text = 工作查詢 > Destination URL = mailto:youremail@yourcompany.com > 打鈎 open in a new window
- Design and layout > Button theme = Wire
- Icon > Choose Icon = Ionicons > mail (你也可以自訂自己想要使用的Icon) > Done
- 更新
就這樣，我們完成了這一課的內容。與上一課，新增「有關於我」到首頁不同的是，這次的產品及服務，要先在Services建立好相關的內容，然後才把他們加入到首頁當中。這樣，我們又再往前邁進一步了！學問學問，有任何不明白，Inbox 我！
下一課：
#5 在首頁展示過往企劃