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 在首頁展示過往企劃