您在網站上組織和排列元素的方式會對網站的整體外觀甚至使用者體驗 (UX) 產生重大影響。WordPress空格區塊是一個簡單的工具,可以幫助您更有效地做到這一點。顧名思義,它在區塊之間建立空間,這可以使您的頁面和文章更具吸引力且更易於閱讀。
在本教程中,我們將解釋如何將空間區塊新增到您的WordPress文章或頁面以及如何使用它。我們將探索區塊的各種設定和選項,並提供一些有效使用它的最佳提示和最佳實踐。然後我們將通過回答一些常見問題來結束。
如何將空格區塊新增到文章或頁面
如果您想為WordPress內容新增一些額外的空間,您可以先導航到任何文章或頁面。接下來,單擊編輯器中的“新增區塊”按鈕,該按鈕由加號圖示 (1) 標記。在那裡您可以搜尋“spacer”,然後選擇第一個選項 (2):
或者,您可以通過在編輯器的文字欄位中輸入“/spacer”來將區塊新增到文章或頁面。打你的輸入鍵,空間區塊將自動新增。
插入區塊後,您會注意到頂部有一個新工具欄。我們將在下一節探討它提供的各種選項。
空格區塊設定和選項
如果您熟悉使用WordPress區塊,您可能已經知道每個區塊都有自己的一組控制元件,可用於配置它。所述空格區塊是沒有什麼不同。
在區塊工具欄中,有三個主要選項:
- 轉換按鈕,它可以讓你轉換成區塊一組或欄目
- 移動手柄(和/或拖動圖示),使您能夠在頁面或文章上向上或向下移動區塊
- 更多選項(三個垂直點),開啟帶有附加設定的選單
您可以在此處找到這些按鈕:
在更多選項選單下,您可以複製或複製區塊:
還有用於將空白區塊新增至可重用塊、作為HTML編輯等的設定。
WordPress區塊編輯器的有用之處之一是它還允許您調整區塊的大小。例如,如果要調整區塊的高度,可以在右側選單中進行:
在“間隔設定”部分下,您將找到以畫素為單位調整區塊高度的選項。您可以使用滑塊或在文字欄位中手動輸入所需的值。然後您可以檢視高階部分以配置HTML錨點和其他CSS類。
有效使用空格區塊的提示和最佳實踐
空格區塊是比較容易的WordPress區塊使用的一個。它沒有大量的設定或配置選項。
但是,在使用它時,您可能需要牢記一些提示。例如,請記住,有效利用空白(也稱為“負空間”)可以在您的網頁設計中大有幫助。它可以幫助使您的頁面看起來更乾淨,從而更專業。因此,在您的內容看起來過於擁擠或難以閱讀的區域中考慮使用空格區塊是明智之舉。
此外,我們還建議您僅在要向頁面上的特定區域新增空白時才使用此區塊,而不是在段落之間新增空格。對於後者,我們建議改用段落區塊。
最後,為了確保頁面的外觀保持一致,您可能需要考慮為您使用的每個空格區塊設定相同的高度。預設情況下,它設定為100畫素,但您可以隨意使用最適合您網站設計的任何內容。
關於空白區塊的常見問題
在這一點上,您應該對這個WordPress區塊以及如何使用它感到非常熟悉。但是,讓我們回顧一些關於它的流行和常見問題,以確保我們已經涵蓋了所有基礎知識。
如何呼叫空格區塊?
要在WordPress中找到這個區塊,您有幾個選擇。第一步是導航到您想要將其新增到的文章或頁面。接下來,單擊“新增區塊”按鈕(或加號圖示),然後在文字欄位中搜尋“空格”。或者,您可以直接在文字編輯器中鍵入“/spacer”,然後按Enter鍵。
空格區塊在文章和頁面中有什麼作用?
正如它的名字一樣,這個區塊在你的WordPress頁面和文章上的其他區塊之間增加了空間。當您想在頁面上建立更多空白或只是想擴大預設設定的區塊之間的區域時,它可以是一個有效的工具。
可在任何地方新增空格區塊嗎?
您可以在WordPress站點上的任何位置使用空格區塊,以授予您對區塊編輯器的訪問許可權。當然,您最有可能使用它的地方是您的頁面和文章。但是,您也可以在編輯WordPress工具時新增它。
小結
有很多方法可以組織您網站上的頁面和文章,使其既實用又美觀。如果您希望在頁面上的區塊之間建立更多空白,則空格區塊是一個重要的工具。
正如我們所見,此區塊是一種分離WordPress內容中元素的簡單方法。您可以根據需要輕鬆地將其多次插入您的文章和頁面,然後以畫素為單位自定義其高度。
評論留言