新增「產品及服務」的內容到首頁

Wordpress網頁設計教學 - 新增「產品及服務」的內容到首頁#4 - 封面

WordPress網頁設計教學 – 新增「產品及服務」的內容到首頁
所需時間:15 mins
你將會學到:使用在Wordpress中Services功能,並加入公司的產品及服務內容到首頁

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

在這課的Wordpress網頁設計教學,我們要建立一個清晰簡潔的「產品及服務」內容,讓客顧第一時間了解你公司提供的產品及服務。首先,我們要在服務欄(Services)建立相關的內容,之後再把這些內容放進首頁。

新增網站的產品及服務內容

  1. 在左上角點網站的名稱回到後台 > Services > Add New Service
  2. 輸入服務的名稱 > 輸入服務的內容 > 將服務的內容 置中
  3. 在右邊點 新增分類 > 輸入 我們的服務 > 再點 新增分類
  4. 在下邊的Service icon,點 here > 搜尋合適的icon,並複製它的代碼(fa-camera) > 在Service icon中貼上
  5. 發表

在這個教學的服務分別是攝影服務、影片後製、專業司儀,使用的Icon 代碼為fa-camera、fa-video-camera、fa-microphone,你可以自行加入3 – 4個公司的服務內容,或跟著我們這個教學去加入公司的產品及服務內容,也是可以的。當你完成新增內容後,

下一步就是要將它們放到首頁

  1. 頁面 > 首頁 > Add Row > Set row layout = 1 > Insert
  2. Add Widget > SiteOrigin Editor > Edit
  3. 輸入 我們的產品 / 服務 > 改為 標題2 > 置中 > Done
  4. Add Widget > 在左邊點 Sydney 佈景主題小工具 > Sydney FP: 服務類型 A > Edit
  5. 如果你有四個服務,請打鈎 以兩列而非三列的方式展示服務項目,如果只有三個則不用理會 > Done
  6. Add Widget > All Widgets > SiteOrigin Button > Edit
  7. Button Text = 工作查詢 > Destination URL = mailto:youremail@yourcompany.com > 打鈎 open in a new window
  8. Design and layout > Button theme = Wire
  9. Icon > Choose Icon = Ionicons > mail (你也可以自訂自己想要使用的Icon) > Done
  10. 更新

就這樣,我們完成了這一課的內容。與上一課,新增「有關於我」到首頁不同的是,這次的產品及服務,要先在Services建立好相關的內容,然後才把他們加入到首頁當中。這樣,我們又再往前邁進一步了!學問學問,有任何不明白,Inbox 我

下一課:
#5 在首頁展示過往企劃