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

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

目錄 隱藏

• VK All in One Expansion Unit 外掛介紹
• 使用教學
  • 安裝外掛
  • 關閉其他用不到的功能
  • 新增「最新文章」小工具 (新版區塊小工具)
  • 新增「最新文章」小工具 (舊版小工具)
• 效果預覽
  • VK All in One Expansion Unit 外掛介紹
  • 如何使用 VK All in One Expansion Unit 外掛？

使用我們開發的 Make 工具將文章自動化！

「數位果子」提供全自動化的文章生成工具，
我們經過實戰，知道如何透過這工具快速提升流量，
聯絡我們，免費了解 全自動化 AI 內容生成工具！

聯繫方式：

電話：0970-357-535（程先生）

加我 LINE ID：cherng65

0 0 選票

文章評分

如果對文章內容有任何問題，或有想讓小翔另外補充的的內容，歡迎在底下留言讓我知道。

在這裡，我想讓您知道在 小翔教你SEO 網站中，有些連結為聯盟營銷連接，這代表，當人們點擊該連結，並前往其他網站進行購買動作時，我將會從銷售中獲得少部分佣金（但不會影響你購買的價格）。

有關更詳細的聯盟連接說明，請前往 聯盟計畫聲明（FTC） 頁面觀看。

by 小翔

VK All in One Expansion Unit 外掛介紹

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

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

使用我們開發的 Make 工具將文章自動化！

「數位果子」提供全自動化的文章生成工具，
我們經過實戰，知道如何透過這工具快速提升流量，
聯絡我們，免費了解 全自動化 AI 內容生成工具！

聯繫方式：

電話：0970-357-535（程先生）

加我 LINE ID：cherng65

0 0 選票

文章評分

如果對文章內容有任何問題，或有想讓小翔另外補充的的內容，歡迎在底下留言讓我知道。

在這裡，我想讓您知道在 小翔教你SEO 網站中，有些連結為聯盟營銷連接，這代表，當人們點擊該連結，並前往其他網站進行購買動作時，我將會從銷售中獲得少部分佣金（但不會影響你購買的價格）。

有關更詳細的聯盟連接說明，請前往 聯盟計畫聲明（FTC） 頁面觀看。

by 小翔

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

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

外掛名稱：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 」。

step 3

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

關閉其他用不到的功能

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

step 1

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

step 2

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

step 3

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

VK Recent Posts : 顯示你網站最新的文章列表。

step 4

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

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

step 1

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

step 2

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

step 3

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

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

step 4

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

step 5

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

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

step 1

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

step 2

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

step 3

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

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

step 4

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

效果預覽

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

如果對文章內容有任何問題，或有想讓小翔另外補充的的內容，歡迎在底下留言讓我知道。

在這裡，我想讓您知道在 小翔教你SEO 網站中，有些連結為聯盟營銷連接，這代表，當人們點擊該連結，並前往其他網站進行購買動作時，我將會從銷售中獲得少部分佣金（但不會影響你購買的價格）。

有關更詳細的聯盟連接說明，請前往 聯盟計畫聲明（FTC） 頁面觀看。

by 小翔