古騰堡編輯器教程:如何使用WordPress多個按鈕區塊

WordPress多個按鈕區塊

您網站上的按鈕在其外觀和可用性方面發揮著重要作用。它們幫助訪問者瀏覽不同的頁面,並使他們能夠輕鬆地執行重要操作(例如下載內容或訂閱您的時事通訊)。擁有一種簡單而有效的方法來插入和自定義此基本元素,這一點至關重要。幸運的是,WordPress多個按鈕區塊可以提供幫助。

在這篇文章中,我們將解釋如何將WordPress多個按鈕區塊新增到文章和頁面,以及如何使用它。我們將討論它的每個設定和配置選項,併為您提供一些有效使用區塊的最佳提示。然後我們將通過回答一些常見問題來結束這篇教程。

如何將多個按鈕區塊新增至文章或頁面

要向WordPress內容新增按鈕,首先導航到要插文章或頁面編輯。接下來單擊新增區塊圖示 (1),在文字欄位中搜尋“按鈕”,然後選擇多個按鈕選項 (2):

新增多個按鈕區塊

您還可以通過在文字編輯器中鍵入“/buttons”並按鍵盤上的Enter鍵來新增按鈕區塊。插入區塊後,您將可以訪問一個新的工具欄選單,我們將在下面討論。

多個按鈕區塊設定和選項

每個WordPress區塊都有自己的一組控制元件和配置選項。新增按鈕時,有很多選項可用於連結、對齊和設定它們的樣式。我們將從探索文字和連結設定開始。

文字和連結

當您第一次插入多個按鈕區塊時,將新增一個帶有佔位符內容的預設按鈕:

多個按鈕區塊樣式

當您單擊文字欄位時,您可以將文字更改為您希望按鈕顯示的任何內容。例如,您可以新增行動號召 (CTA),例如“瞭解更多”。

第二個工具欄選項是連結圖示,您可以使用它來確定按鈕將引導使用者的位置:

按鈕連結設定

您可以通過在文字欄位中鍵入來搜尋要連結到的內部頁面。您還可以輸入或複製/貼上外部頁面的 URL。然後您可以選擇箭頭圖示或按Enter鍵插入連結。

請注意,您還可以切換在新標籤頁中開啟選項。這將決定使用者是被帶到同一視窗中的新頁面還是新選項卡中。

按鈕格式

新增按鈕文字並將其連結到正確的目標頁面後,您就可以開始對其進行格式化和自定義。首先,您可以使用工具欄上的相應圖示選擇粗體或斜體按鈕的文字:

按鈕區塊格式化

如果單擊向下箭頭,您還會看到一些其他選項。例如,您可以更改文字顏色,幷包括下標或上標文字。

樣式、排版和顏色

自定義按鈕的最後一步是選擇其樣式、排版和顏色。您可以使用區塊側邊欄選單中的控制元件來完成這一切:

按鈕區塊排版、顏色及樣式

您擁有的兩個樣式選項是填充Fill和輪廓Outline。Fill將使按鈕成為純色,而輪廓將提供帶有可選彩色邊框的透明按鈕。您可以通過單擊帶有預覽的圖示進行選擇,或從預設樣式下拉選單中選擇所需的外觀。

接下來,在排版部分下,您可以為按鈕文字選擇字型大小:

按鈕區塊字型設定

選項範圍從超小到巨大。您還可以輸入自定義尺寸。

在“顏色”面板中,您可以找到用於更改文字和按鈕顏色的選項。對於兩者,您可以從可用選項列表中進行選擇或選擇自定義陰影:

按鈕區塊顏色設定

請注意,對於您的背景顏色,您可以選擇純色Solid或漸變色Gradient:

按鈕區塊背景色設定

如果選擇漸變色Gradient,則可以從各種混合過渡顏色中進行選擇。您可以使用顏色滑塊來確定每種顏色的流行程度以及漸變的方向。

有效使用多個按鈕區塊的提示和最佳實踐

這裡有很多的,你可以在你的WordPress網站使用的按鍵方式,但他們最常用的商品交易顧問。這些可以包括提示訪問者的按鈕:

  • 閱讀/瞭解更多
  • 立即購買
  • 下載
  • 新增到購物車
  • 現在預訂

當您建立CTA或任何其他型別的重要按鈕時,確保它在頁面上突出很重要。否則,您的訪問者可能會忽略它,並且您可能無法獲得您想要的參與度或轉化率。

因此,我們建議在將它們插入您的帖子和頁面時利用 WordPress 的內建按鈕樣式選項。例如,將按鈕背景顏色更改為與主題背景具有高對比度的陰影可以使其更易於區分。

此外,對按鈕的放置具有戰略意義也是明智之舉。通常,將它們放在頁面上訪問者的視線自然會落下的某個位置是有意義的。例如,當您準備好將使用者指向新頁面時,您可以在部落格文章的末尾新增一個按鈕。

根據按鈕的用途,將它們新增到側邊欄中也可能是有意義的,以便在使用者瀏覽您的網站時它們始終可見。如果您正在建立聯絡人或訂閱按鈕,這是一個特別好的主意。

關於多個按鈕區塊的常見問題

到現在為止,您可能已經對多個按鈕區塊是什麼以及如何使用它有了深入的瞭解。但是,為了確保我們已經涵蓋了所有基本資訊,讓我們回顧一下有關此區塊的一些最常見問題。

如何查詢多個按鈕區塊?

您可以通過導航到要新增按鈕的文章或頁面(或小部件區域)來找到此區塊。接下來,您可以搜尋“/buttons”並按Enter 鍵,或單擊“新增區塊”圖示並在文字欄位中搜尋“按鈕”。

多個按鈕區塊在文章和頁面中有什麼作用?

按鈕區塊可以讓你在視覺上獨特的方式連結到的內部和外部網頁。您可以插入一個按鈕,將訪問者指向您網站或第三方網站上的另一段內容,並對其進行自定義以使其完全符合您的喜好。

可以在哪裡新增多個按鈕區塊?

您可以在任何文章和頁面上新增按鈕。更重要的是,您可以將它們插入到您可以訪問區塊編輯器的任何位置。例如,這意味著您通常可以在頁尾或側邊欄中插入一個按鈕(取決於您的主題選項)。

小結

按鈕是有效網頁設計的重要元素。他們引導您的訪問者前往他們想去的地方,並幫助您提高參與度和轉化率。因此,必須有一種在整個站點中快速無縫地插入和編輯它們的方法。

正如您現在所知,按鈕區塊可以使將這些元素新增到您的站點變得更加容易。插入區塊後,您可以使用設定和控制元件來自定義其外觀,並確定訪問者單擊它時將被髮送到的位置。您甚至可以向可重用區塊新增自定義按鈕,以便您可以在整個站點中重複使用它。

評論留言