fbpx

【Elementor Post Info】用 Elementor 打造寫作平台 – 設計個人文章資訊#1

【Elementor Post Info】 用 Elementor 打造寫作平台 - 設計個人文章資訊#1

Elementor 肯定是WordPress 編輯器最受歡迎的其中之一,有超過 5百萬人次的下載和 5000多個五星評價。

本文花三分鐘教大家用 Elementor 來打造個人的文章資訊,資訊內可以放上社群或是讚助之類的功能。

來提高讀者對你的興趣和使用體驗,一定很有趣。

給他看下去…

elementor_post_info

更新於 04/09/2021

在閱讀前,請容許大叔聲明幾件事情:這些事情對您可能蠻重要的:

  • 內容中連結可能有參加聯盟計畫,這並不影響您的購買權利。
  • 聯盟計畫和廣告都會做為網站經營基金。
  • 部份收入將捐給流浪動物基金會。(公益捐款明細)
  • 喜歡我的文章的話,請幫我這樣做,點擊下面的拍手圖示。

【Elementor Post Info】用 Elementor 打造寫作平台 – 設計個人文章資訊#1

1️⃣ 什麼是文章資訊?

這是什麼?

elementor 文章資訊

我們常在文章的上方可以看到「文章資訊」,這是用來提供讀者內容資訊的一種功能。常用功能有:

  • 作者
  • 發佈時間
  • 留言
  • 閱讀數量

也可以依你的專業或你的目的放上各種功能;例如你是個作者:

  • 訂閱文章
  • 社群
  • 我的書

如果你是個專業人員,那你可以放上:

  • 作品集連結
  • 個人經歷等

所以我們喜歡在「文章資訊欄」放上「文章資訊」加上希望讀者會看到「價值連結」。

2️⃣ Elementor 編輯版面配置及功能

先插入個三個洞的版面

http://lashiblog.com/wp-content/uploads/2021/04/elementor_架構_20210406_5-e1617691423437.png

我們會用到的功能有:

  • 圖片
  • 標題
  • 文章資訊 ( Elementor Por 功能,更多功能介紹請上官網 )

文章資訊 ( Elementor Pro 功能

大叔習慣先放上功能,再來調整設計,這樣的好處就是我們預先思考這件事情「我們想要用戶看到什麼?」

也就是先發想再找可行性。

3️⃣ 內容修改

再來更改功能裡的內容。

  • 圖片換你的大頭照片;建議圖片比例為1比1,這樣好處為如果要改成圓型大頭照的話也可以使用。像是這樣:elementor_post_info_大頭圓
  • 標題改為「個人名稱」;大叔就改為菈喜大叔
  • 文章資訊 ( 中間 )中間想放入文章的相關資訊。

elementor 文章資訊 ( 中間 )

  • 文章資訊 ( 後面 )在後面大叔想放上社群及請我喝咖啡的連結。

    自訂 URL 請記得放上自己的網址位置喔。

    elementor 文章資訊 ( 後面 )

    現在可能長的像是這個樣子,接下來我們要做版面做設計調整。

    elementor_post_info

4️⃣ 版面調整

我們將調整版面,調整內容有:

  • 編輯 段
    • 內容寬度 – 方框 800px
    • Vertical Align – 中央
  • 欄寬度 15 -35 -50 %elementor_post_info_版面調整
  • 標題
    • 字體顏色 – #6D7C69
    • HTML 標籤 – H4
  • 編輯 文章資訊 ( 中間 )
    • 字體 16px
  • 編輯 文章資訊 ( 後面 )
    • 字體 16px
    • 對齊 – END
    • 分隔線 – 開
    • 之間的間距 – 20px
    • 內縮 – 10px
    • 字體顏色 – #6D7C69

最後修改完,應該會像是下面這樣,請記得這件事。

你應該試著找出適合自己的版型,因為這是你自己的寫作平台,表示你的個性及風格。

elementor_post_info

總結一下 -Elementor Post Info

用 Elementor 打造寫作平台 - 設計個人文章資訊

Elementor 真的是很好上手的網頁編輯軟體,如果你也想打造自己的寫作平台,強調自己的特性和優點,讓網站有個性和專業性。

大叔目前網站也是使用【Elementor】設計的,如果你對這套工具有什麼問題,都可以在下面留言發問,如果我可以為你服務的話,這是我的榮幸。

菈喜大叔 - 減法生活提案

喜歡這篇文章嗎?

請幫大叔一個忙

分享文章給需要的朋友
分享在 facebook
分享在 pinterest
分享在 linkedin
用手機聽我的文章
分享在 pocket

發表迴響

搜惠

搜更多優惠碼