這是 GeneratePress 系列的線上教學文章，內容都是從我購買 GP Premium 後到現在的經驗編寫而成。
標題可能沒辦法表達我們要做的效果，所以我們用 GeneratePress 官方首頁的影片來展示。

請直接轉到 0:28，經過一系列的動作完成的效果就是我們這篇文章要說明的。

https://vimeo.com/141487668

啟用 Elements 模組

先安裝好 GeneratePress 與 GP Premium，再進入 外觀 > GeneratePress 啟用 Elements 模組。

設置 Elements 頭版

第一步 進入 外觀 > Elements，新增一個 Header 設定檔。

第二步 並輸入以下程式碼，讓頭版可以顯示文章標題、作者與發表時間。

{{post\_title}}

第三步 往下滾動到 Page Hero，設置適當的內距，並調整 Background Image 為 Featured Image，讓頭版自動取用特色圖片。

第四步 往下繼續設定，勾選 Background Overlay 開啟顏色覆蓋，並設定大約 0.5 透明度的顏色給他，再調整文字為合適的色彩。

第五步 最後切換到 Display Rules，在 Location 新增一條 All 文章 的顯示規則 (如圖)。

現在的文章頁面已經有頭版了，只不過我會想再把它做得更好看，我們繼續調整。

第六步 切換到 Site Header，調整以下資訊：(色彩搭配依個人喜好)

頭版設置預覽

基本的圖片頭版設定就是這樣了，剩下調整一下佈景主題自訂、對齊方式、字體後就能快速產高品質的文章頁面。