目前為止,希望你已在個人作品集中建立和發表了幾個專案。本指引將介紹在網站顯示專案的幾個方法。
系統會自動建立預設個人作品集頁面,這是在網站上顯示專案最快速的工具。下列指示將說明如何尋找個人作品集頁面的連結。
請依照啟用個人作品集的方法,在下方選取適當的分頁。
啟用個人作品集且發表至少一個專案後,網站會自動建立新的個人作品集頁面,並加入你的專案。
若要檢視新的專案頁面,請依照下列步驟操作:
- 前往儀表板。
- 前往「文章」→「分類」。
- 將游標移至個人作品集分類,按一下「檢視」連結。
用這種方式檢視個人作品集分類,可查看訪客會看到的內容。你會發現,分類 URL 類似下列網址:
https://yourgroovysite.wordpress.com/category/portfolio
所有專案都會自動依照時間順序,由新至舊顯示在這個網站頁面。若要變更順序,可在頁面設定調整專案發表的日期。
Twenty Twenty-Four 佈景主題中的預設個人作品集分類頁面
啟用個人作品集且發表至少一個專案後,網站會自動建立新的個人作品集頁面,並加入你的專案。要檢視此頁面,請在網址後方加上 /portfolio,如下所示:
https://yourgroovysite.wordpress.com/portfolio/
(請將 yourgroovysite.wordpress.com 換成你自己的網址)。
網站的 /portfolio/ 頁面連結已保留給該頁面,所以其他頁面不能使用此 URL。所有專案都會自動依照時間順序,由新至舊顯示在這個網站頁面。若要變更順序,可在專案設定調整專案發表的日期。
系統也會為你在專案設定中建立的專案類型、專案標籤建立頁面。你可透過下列 URL 結構,檢視對應頁面:
https://yourgroovysite.wordpress.com/project-type/insert-name
https://yourgroovysite.wordpress.com/project-tag/insert-name
(請用你的網址取代 yourgroovysite.wordpress.com,並用專案類型或標籤的名稱取代 insert-name)。
如果佈景主題支援網站編輯器,即可編輯這些頁面的版面配置。若要編輯預設個人作品集頁面的版面配置,請編輯所有彙整範本。
可以從零開始設計個人作品集頁面,或利用預先設計的區塊版面配置。請依照下列步驟,為個人作品集專案建立新頁面:
- 前往網站的儀表板。
- 按一下左側的「頁面」。
- 按一下「新增頁面」按鈕。
- 如果出現提示,請選取「入門內容」,或按一下右上角的「X」編輯空白頁面。
- 插入查詢迴圈區塊,並調整下列其中一項設定,以顯示個人作品集專案:
- 如果使用個人作品集分類,請在「篩選條件」中選取個人作品集分類。
- 如果使用自訂文章類型,請在「文章類型設定」中選取「專案」。
- 按一下右上角的「發表」按鈕,發表頁面。
查詢迴圈區塊可以設計成多種不同的版面配置。
選擇性步驟:可依照下列「設定首頁」指引中的步驟,將新的個人作品集頁面設為網站首頁。
也可使用短代碼在網站上顯示作品與專案,不過這個方法比較少用。
如果為網站的個人作品集專案建立了分類,則須使用短代碼。如果為網站個人作品集專案啟用了自訂文章類型,則須使用 [portfolio] 短代碼。
請依照啟用個人作品集的方法,在下方選取適當的分頁。
可以使用短代碼區塊,在任何頁面或文章中新增 display-posts 短代碼。使用分類篩選條件,可顯示個人作品集分類中的文章。
在下列範例中,分類已設為「個人作品集」,顧客證言內容包含「true」值,image_size="medium" 則表示會以中等尺寸顯示精選圖片:
[display-posts category="portfolios" include_content="true" image_size="medium"]
深入了解 display-posts 短代碼。
可使用短代碼區塊,在任何頁面或文章中新增 [portfolio] 短代碼。依預設,所有類型的專案都會依日期由舊到新顯示、彙整成兩欄,並清楚顯示專案類型、標籤,以及專案內容的摘要。
使用下列屬性來自訂個人作品集短代碼版面配置:
個人作品集短代碼屬性 (按一下以展開)
| 選項 | 說明 | 選擇 | 預設設定 |
|---|
columns | 顯示專案的欄位數量 | 數字 1 到 6 | 2 |
display_types | 顯示專案類型 | true, false | true |
display_tags | 顯示專案標籤 | true, false | true |
display_content | 顯示專案內容 | true, false | true |
display_author | 顯示專案作者的名字 | true, false | false |
include_type | 僅顯示特定專案類型 | 新增以逗號分隔的專案類型代稱清單,來指定專案 | all |
include_tag | 只顯示特定專案標籤 | 新增以逗號分隔的專案類型代稱清單,來指定標籤 | all |
showposts | 設定要顯示的專案數量 | 任何有效數字 | all |
order | 依遞增或遞減順序來顯示專案。 | ASC, DESC | ASC |
orderby | 依條件 (例如作者、日期、標題) 或隨機排序專案。 | author, date, title, rand | date |