iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 14
0
自我挑戰組

WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢?系列 第 14

14 - 修改「作品展示」與增加全域&指定分類的「內容列表」到頁面中

  • 分享至 

  • xImage
  •  

“WordPress 預設的內容類型就只有頁面和文章,
而 Avada 提供了更多的內容類型:作品類、常見問題類、幻燈片秀類;
把作品類型和文章分開,做樣式客製化時,可讓兩者有不同的呈現方式,
這樣作品可以有自己存放的地方,還可以有自己的分類和標籤。”

---上述節錄自 網站帶路姬 五天自學衝刺班 第三天


修改作品展示內容

  1. 在 Work 頁面中,點選其中一個作品內容
    iT30D-WP-D14-1

  2. 進到作品內容頁後點選上方 [ Edit Portfolio Post]
    iT30D-WP-D14-2

  3. 與 文章 不同處在於 右方除了分類和 tags 外,多了 Skill 的分類屬性,
    編輯區域則是跟 08 - [編輯頁面]基本都編些什麼、怎麼編? 一樣的概念,
    修改後右上 [ 更新 ]即可。
    iT30D-WP-D14-3


增加內容列表到頁面中

以本範例而言,在 Work 頁面裡會先看到所有作品的 Grid ,
下面教學這個內容列表如何產生。
iT30D-WP-D14-4

  1. 照慣例點選 本列表頁上方 [ 編輯頁面 ]到後台

  2. 下捲至 “Portfolio” 區域,點選下方 +Element
    iT30D-WP-D14-5

  3. 選擇新增 Portfolio 元件
    iT30D-WP-D14-6

  4. Layout 可選擇顯示的樣式 ( 樣式可參考 Avada 官網 Portfolio 元件 )
    iT30D-WP-D14-7
    (* 其餘設定在下一篇製作查找字典 )

  5. 其他設定都不動直接 [ SAVE ]後 [ 更新 ],
    回前台即可獲得同步驟2附圖的作品展示區塊。


增加指定分類的列表到頁面中

當 文章 / 作品 數量越來越多,
有時就需要某個頁面或某區域
只顯示某個分類下的 文章 / 作品 內容。操作見下述。

  1. 同上至步驟 2 ,這次選擇新增 Blog 元件。
    iT30D-WP-D14-8

  2. Layout 樣式選擇可參考 Avada 官網 Blog 元件

  3. 在 Categories 中可看到 預設分類 和 之前測試的 分類項,
    可複選多個分類,[ SAVE ]後 [ 更新 ]即可至前台重整看到樣式。
    iT30D-WP-D14-9
    (* 其餘設定在下一篇製作查找字典 )

前後台內容比對


上一篇
13 - 怎麼修改「近期文章」及 Fusion Page Options 功能查找字典
下一篇
15 - Portfolio ( Element 元件編輯功能典 )
系列文
WordPress 初探 -- 據說是最經典 Avada 主題可以做些什麼呢?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言