如何利用 VK All in One Expansion Unit 外掛,為側邊欄最新文章添加好看樣式

本篇小翔將分享,一個我挺喜歡的側邊欄小工具美化外掛,該外掛內置的「最新文章」小工具功能,顯示出來的樣式我非常的喜歡。以下,我將一一的演示,該外掛的最新文章功能完整設定教學。

VK All in One Expansion Unit 外掛介紹

VK All in One Expansion Unit 外掛,該外掛是一個集成外掛,具有多種的功能,可以使你的網站功能更加強大,不論是功能、還是美觀方面。

許多功能可以單獨停止,想單獨使用其中一種功能只需單獨啟用該功能即可,非常的方便。

缺點是該外掛目前沒有中文版本,外掛設定全是英文,英文不好的人會使用的稍為有點辛苦。以及,該外掛的最新文章小工具功能,用起來雖然美觀,但假如你會一些程式碼,還是能靠程式把它變得和它一樣漂亮。

所以,不會程式、懶得使用程式碼美化小工具的人來再來使用該外掛即可。

外掛名稱:VK All in One Expansion Unit
外掛網址:https://tw.wordpress.org/plugins/vk-all-in-one-expansion-unit/

圖片來源 : VK All in One Expansion Unit 外掛頁面


使用教學

以下教學,小翔只會演示該外掛的「最新文章小工具」的功能。

安裝外掛

以下教學需安裝並啟用 WP Super Cache 外掛,不會安裝外掛的可以點擊以下連接前往教學文章學習。 文中會教你如何搜尋、安裝、啟用、停用和刪除外掛。

教學文章:外掛安裝教學
文章網址:https://xiaoxiang.blog/how-to-install-the-plug-in/

step 1

開啟 WordPress 後臺管理介面,前往 外掛 > 安裝外掛

外掛 > 安裝外掛

step 2

使用關鍵字搜尋外掛,輸入「 VK All in One Expansion Unit 」。

Image
📷

step 3

找到名稱為「VK All in One Expansion Unit」的外掛,點選 立即安裝,並 啟用 該外掛。

VK All in One Expansion Unit

關閉其他用不到的功能

我們只需要保留我們目前需要的「最新文章小工具」功能就好,其他功能都要先關掉,以免影響網站的其他功能運行,未來有需要在開啟就行。

step 1

外掛啟用後,選擇「ExUnit」中的「Active Setting」選項。

Image
📷ExUnit > Active Setting

step 2

只勾選 Widgets(小部件) 功能,其他都不勾選。

Image
📷只勾選 Widgets (小部件)

step 3

下滑頁面到 Widget Enablation (小部件增強) 設定區域,如下圖所示,只勾選「VK Recent Posts」選項,其他則全部取消勾選。

VK Recent Posts : 顯示你網站最新的文章列表。
Widget Enablation > 只勾選 VK Recent Posts

step 4

單擊最下方的「儲存設定」按鈕,儲存你的外掛設定。

儲存設定

新增「最新文章」小工具 (新版區塊小工具)

step 1

前往 外觀 > 小工具,並單擊頁面左上角的「+」圖示。

外觀 > 小工具 >「+」圖示

step 2

如下圖所示,把名稱為「VK Recent Posts」的小工具拖拽到側邊欄小工具區域。

拖拽 VK Recent Posts 小工具

step 3

依序設定該小工具的顯示設定,你可以照下圖中的配置來照著設定一次。

  1. 標題 : 最新文章
  2. Display Format (顯示格式) : 勾選 Thumbnail/Title/Date (縮圖/標題/日期)
  3. Order by (排序依據) : 勾選 Publish date (發布日期)
最新文章小工具顯示設定 : 標題、Display Format、Order by

step 4

  1. Display count (顯示排序的文章/頁面數量) : 5
  2. Slug for the custom type you want to display (顯示的類型) : 文章
最新文章小工具顯示設定 : Display count、Slug for the custom ..

step 5

小工具設定完成後,記得單擊右上角的「更新」按鈕,更新你的小工具設定。

更新小工具設定

新增「最新文章」小工具 (舊版小工具)

step 1

選擇「外觀」中的「小工具」選項。

Image
外觀 > 小工具

step 2

拖拽「VK Recent Posts」小工具到側邊欄區塊。

Image
拖拽 VK Recent Posts

step 3

設定小工具,以下是小翔個人網站所使用的設定:

  1. 標題 : 最新文章
  2. Display Format (顯示格式) : 選擇 Thumbnail/Title/Date
  3. Order by (排序依據) : 選擇 Publish date
  4. Display count (文章顯示數量) : 5
Image
最新文章小工具設定

step 4

小工具設定完成,記得「儲存」你的設定。

Image
儲存

效果預覽

下圖就是添加了「最新文章」小工具後的最後樣式,是不是特別好看?

Image
最新文章小工具 (預覽 1)
最新文章小工具 (預覽 2)

VK All in One Expansion Unit 外掛介紹

VK All in One Expansion Unit 外掛,該外掛是一個集成外掛,具有多種的功能,可以使你的網站功能更加強大,不論是功能、還是美觀方面。
許多功能可以單獨停止,想單獨使用其中一種功能只需單獨啟用該功能即可,非常的方便。

如何使用 VK All in One Expansion Unit 外掛?

1. 開啟 WP 後臺,前往 外掛 > 安裝外掛。搜尋 VK All in One Expansion Unit,立即安裝並啟用 VK All in One Expansion Unit外掛。
2. 前往 ExUnit > Active Setting,設定該外掛所有的集成功能。


如果對文章內容有任何問題,歡迎在底下留言讓我知道。
如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。
還沒訂閱部落格的朋友們,記得在右上角填入信箱,收到我最新文章的通知。

by 小翔部落格經營指南

0 0 選票
文章評分
訂閱
通知
guest
0 評論
在線反饋
查看所有評論
0
喜歡你的想法,請評論。x
()
x