使用服務塊突出顯示您的服務 – AitThemes 自定義塊

服務塊是我們在 Citadela Pro 插件中發布的第一個塊。借助此塊，您可以完美地展示您的服務或產品功能、要點、願景或工作範圍。通過將服務塊添加到 WordPress 頁面或帖子，您可以突出顯示某些元素、添加圖標、描述和 CTA。如果您想讓訪問者僅關註一項特定服務或通過多個服務塊關注多項服務，則由您決定。但讓我們從頭開始。

在這篇文章中我們將解釋：

• 服務塊的目的及其用途
• 與 WordPress 主題的兼容性
• 如何向網站添加服務塊
• 使用 Inspector 進行塊自定義
• 如何創建包含多項服務的專用服務頁面

服務塊的主要目的——以有吸引力的方式展示服務

您應該使用服務塊的主要目的是它可以幫助您以有吸引力的方式呈現信息。它可以清楚地將特定組與其他文本區分開來，並突出顯示它以引起每個人的注意。服務塊在佈局中看起來不錯，因為：

• 結構化內容
• 用圖標刷新一下
• 用圖形和間距分隔服務

得益於以上，服務塊能夠快速引起訪問者的注意。

更好的網站導航

因為服務是突出的，所以網站的瀏覽會變得更加容易。即使客戶只會滾動瀏覽您的網站，他們也不會錯過您提供的服務。

如果您將 URL 添加到您的服務中，它可以用作帶有 CTA 的導航框。它會讓客戶點擊該框來了解更多信息或訂購服務。

服務塊用於呈現功能

服務塊還可用於突出顯示您提供的產品或服務的功能。這意味著每個單獨的服務塊都將呈現一個特定的功能。這種圖形表示可以展現給定產品的關鍵品質。請記住，訪問者不想閱讀大量文字。

服務塊可以用在什麼地方

服務塊可以在帖子和頁面內使用 - 事實上，您需要它的任何地方。最好在通常是與網站訪問者第一次接觸的主頁上使用它。由於服務塊可以輕鬆吸引訪問者的注意力，因此我們建議在訪問量最大的頁面上使用服務。

服務塊可以用在專用服務頁面上，該頁面與主頁類似，訪問量很高。您可以在一處展示您提供的所有服務。

稍後我們將討論如何創建服務頁面。

與 WordPress 主題的兼容性

服務塊的主要優點是它可用於所有支持 WordPress 塊編輯器 (Gutenberg) 的 WordPress 主題。這意味著您可以在我們的主題或任何第 3 方主題（例如 Avada 或 Divi）上使用它。您需要的一件事是安裝 Citadela Pro 插件。

如何將服務塊添加到您的網站

正如我們已經提到的，要將服務塊添加到編輯器，您需要 Citadela 塊插件。插件激活後，塊將自動添加到 WordPress 編輯器中。

可以通過單擊頂部欄中或編輯器內任何位置的“+”符號來添加服務塊。之後，只需使用術語“服務”搜索給定的塊。

添加服務塊的第二個選項是使用“/”並寫入單詞“service”。

完畢。這就是服務塊及其可用選項的樣子。

服務塊設置

首先，您可以選擇更適合您的網站設計的服務佈局。默認情況下有框佈局，它將圖標、標題和描述居中。您可以將其更改為頂部工具欄中的列表佈局。圖標將移動到標題旁邊，所有內容都將向左對齊。

在服務塊內有一個佔位符，也可以用作提示。您將確切地知道在該單獨的框中要寫什麼。標題通常是指功能的服務名稱。下面的文字通常會進一步描述服務或解釋客戶為何應該訂購該服務。

文本可以像平常一樣設置格式，您可以將其設置為粗體、斜體或添加鏈接。

使用 Inspector 進行塊自定義

Inspector 中的高級設置允許您根據需要修改服務塊。你可以改變：

1. 塊色

• 背景顏色
• 標題顏色
• 文字顏色

2. 服務塊中的圖標或圖像

服務塊默認顯示圖標。您可以使用搜索欄從選擇器中選擇不同的圖標。您還可以更改圖標顏色。除了圖標之外，您還可以使用任何圖像。它可以設置為匹配圖標大小或適合服務框寬度。

如果您不想在服務框中顯示圖標或圖像，您可以完全關閉此功能（顯示圖標或圖像 –> 無）。

3. 鏈接

要將訪問者導航到另一個頁面，您可以將鏈接添加到服務框中。正確選擇 CTA 可以增加點擊次數和轉化率。您只需寫“閱讀更多”並插入網址即可。您還可以選擇在新的瀏覽器選項卡中打開此鏈接。

4.自定義CSS類

對於高級 WordPress 用戶來說，就像在其他塊中一樣，可以選擇添加自己的 CSS 代碼。它允許您對服務塊設計進行更大的更改。

如何創建包含多個服務的服務頁面

正如我們在本文開頭提到的，服務頁面可用於在一個地方呈現所有服務。創建一個新頁面並並排或依次插入多個服務塊。帶有服務的塊可以根據您的要求放置在任何地方。這完全取決於您如何使用它。

如何使用服務塊在 WordPress 塊編輯器中添加服務頁面？

• 首先你需要添加 柱塊
• 設置列數。如果要呈現3種服務，則需要3欄
• 之後在每一列中添加一個服務塊

由於每個服務都是一個單獨的塊，因此管理簡單明了。您可以復制選定的塊並在頁面的其他位置使用它。最好的事情是，服務塊在移動設備上的響應式版本中也看起來不錯。

您已經嘗試過我們的服務塊了嗎？你是怎麼找到它的？我們期待在下面的評論中看到您的第一反應。