如何使用 WordPress 搜索塊

已發表: 2021-09-21

確保您的網站提供積極的用戶體驗 (UX) 是成為網站所有者的重要組成部分。 您可以這樣做的方法之一是確保訪問者能夠輕鬆找到他們正在尋找的內容。 這就是 WordPress搜索塊的用武之地。您可以將此小部件添加到任何帖子或頁面。 然後您的用戶可以使用它輕鬆地在您的網站上查找某些主題或內容。

在這篇文章中，我們將解釋如何將 WordPress搜索塊添加到您的帖子或頁面，並詳細介紹其每個設置和選項。 然後，我們將為您提供一些有效使用它的技巧，並回答一些常見問題。

讓我們開始吧！

如何將搜索塊添加到您的帖子或頁面

在您的內容中插入搜索塊非常簡單。 首先，導航到要添加小部件的帖子或頁面。

接下來，單擊添加塊按鈕，由加號圖標標記。 在搜索字段中，輸入“搜索”，然後單擊第一個選項：

在 WordPress 中添加搜索塊。

這只是您添加塊的一種方式。 另一種選擇是在編輯器的段落塊中鍵入“/search”，然後按 Enter鍵。 該塊將自動插入到帖子或頁面中。

每個 WordPress 塊都有自己的設置和控件集合。 讓我們仔細看看這些用於搜索小部件的內容。

搜索塊設置和選項

插入搜索塊後，頂部會出現一個工具欄菜單。 有九個圖標：

搜索塊工具欄選項。

下面是一個備忘單，您可以使用它來了解每個控件的含義：

  1. 轉換為。 這使您可以更改塊的樣式。 您可以將其更改為Groups或Columns 。
  2. 更改對齊方式。 這使您可以調整對齊方式。 默認情況下，它設置為左對齊，但您可以使其居中或右對齊。
  3. 切換搜索標籤。 通過此設置，您可以確定“搜索”文本是否出現在文本字段之前。 如果您將其關閉，則只會出現搜索欄，沒有標題。
  4. 按鈕位置。 這是指出現在文本字段右側的搜索按鈕。 您可以將其更改為No button 、 Button outside或Button inside 。 後兩個選項是指您希望將按鈕放置在文本字段內還是外部。
  5. 使用帶有圖標的按鈕。 使用此設置，您可以讓按鈕顯示默認的“搜索”文本或放大鏡圖標。
  6. 大膽的。 如果要加粗顯示在文本字段上方的搜索文本，則可以使用此選項。
  7. 斜體。 這用於將出現在文本字段上方的搜索文本設為斜體。
  8. 更多。 這是一個下拉菜單，可讓您進一步自定義字體。 例如，您可以應用刪除線格式或下標。
  9. 選項。 在這裡，您會找到一個包含其他選項的菜單。 例如，您可以在此塊之前或之後添加一個塊，將其添加到您的可重用塊中，或將其刪除。

在屏幕的右側，您會發現另外兩個控件：

設置控制面板。

第一部分是顯示設置。 在這裡，您可以調整搜索塊的寬度百分比。 您可以選擇 25% 到 100% 之間的任何值，或輸入您自己的自定義值。

第二個選項是Advanced 。 當您單擊以展開此面板時，您可以添加自定義 CSS。

有效使用搜索塊的提示和最佳實踐

搜索塊非常簡單易用。 但是，您可能需要牢記一些提示和最佳實踐，以幫助您更有效地使用它。

首先，您需要對放置塊的位置具有戰略意義。 例如，在頁面頂部或兩側插入搜索欄通常是有意義的。 這樣，他們就不會將太多注意力從主要內容上移開。

話雖如此，確保您的搜索功能不被掩埋或隱藏也很重要。 您可以考慮在頁面頂部和底部添加一個，這樣您的訪問者可以選擇在瀏覽完當前頁面之前或之後使用它。

關於搜索塊的常見問題

在這一點上，您幾乎知道關於搜索塊的所有信息以及如何使用它。 但是，為了確保我們已經涵蓋了所有關鍵信息，讓我們來看看一些常見問題。

我在哪裡可以找到 WordPress 中的搜索塊？

一旦您在頁面或帖子上，您可以使用兩種方法在 WordPress 中查找和使用此塊。 第一種是單擊“添加塊”按鈕，在文本字段中鍵入“搜索”，然後單擊第一個圖標。 第二個選項是在編輯器的段落塊中鍵入“/search”，然後按 Enter鍵。 然後將添加塊。

搜索小部件有什麼作用？

搜索塊使用戶可以更輕鬆地在您的網站上找到他們要查找的內容。 您可以將它插入到您的帖子和頁面中，為訪問者提供一個可訪問、易於使用的搜索欄。 一旦他們輸入他們正在尋找的短語或關鍵字，該塊將自動生成在您的網站上找到的相關帖子和頁面的列表。

我可以在哪裡使用 WordPress 中的搜索塊？

您可以將此塊插入 WordPress 中您有權訪問塊編輯器的任何位置。 這意味著您可以在帖子和頁面中的任何位置使用它。 此外，您可以在編輯 WordPress 小部件時使用它。

結論

作為網站所有者，確保您的網站易於瀏覽非常重要。 您可以這樣做的方法之一是插入一個搜索欄，供訪問者使用以快速輕鬆地找到他們正在尋找的內容。 幸運的是，WordPress 提供了一個塊來幫助您立即做到這一點。

正如我們所見，您可以通過單擊“添加塊”按鈕，然後鍵入“搜索”，將此塊添加到您的帖子和頁面中。 將元素插入帖子或頁面後，您可以調整其寬度和對齊方式並自定義其字體和外觀。 例如，您可以選擇顯示或隱藏“搜索”標題，並確定按鈕是顯示在文本字段的內部還是外部。

您對使用 WordPress搜索塊有任何疑問嗎？ 在下面的評論部分讓我們知道！

精選圖片來自 pongsakorn chaina / shutterstock