Andy的前後端技術筆記、生活紀錄
在Wordpress-使用Elementor建立部落格文章版型
發佈於: 2023-02-10 更新於: 2024-04-21 分類於: wordpress

Wordpress版型

很多人使用wordpress都會希望有自己的喜歡的頁面或版型,網路上找到的版型通常找到某些功能很喜歡,
但是某些頁面的設定不是很滿意,這時候可以選擇Elementor這個套件來設定頁面排版等等。

Elementor的版型功能

安裝elementor之後,會有一個版型區,在這裡面可以透過elementor建立各種版型。
版型的意思就是,你可以在任何地方去套用這個版型,文章、頁面、header、footer都可以。

建立部落格文章版型

這裡以建立文章版型為例,以小弟我來說,我希望頁面單純只有文章以及最底部出現其他更多文章的選項,
讓讀者讀完文章後可以選擇其他文章來看,把觀眾留在網站。

使用者也可以加入圖庫、文章資訊、作者資料…等等

建立文章版型

點擊Elementor版型後,左上方有個新增按鈕。

點擊後會有下拉式選單可以讓選擇你要建立什麼版型,這裡是要建立一個文章版型以套用到所有的文章,
選擇 single post

設定好之後,會進入編輯區,紅色的部分就是版型設定的區域,header與footer是我在別的版型設定過,
在這裡只是顯示讓使用者可以更明白知道你的文章最終會長什麼樣子。

因為要建立文章版型,這裡一定要讓你的文章內容呈現在這裡,所以把post content以及post title拖曳到右側的格子中

這樣初步就完成了,但是這樣子只會呈現文章內文,還沒有更多文章列表

接下來就是去找到 posts 拖曳到文章內文的下方就完成了。

最重要的一步 - 設定套用範圍

因為我主要希望所有文章的版型都是一樣的,所以在設定上如下圖
在畫面中圈選的地方點擊下去,會有一個 Display condition,這也就是要顯示在哪裡的設定

這裡我選擇所有文章,如果有不同需求可以在設定時看一下詳細設定。

--- 到底拉 The End ---