在本文中，我們將向您展示如何將選項(xiàng)卡式內(nèi)容添加到WordPress帖子和頁面。
什么時(shí)候應(yīng)該在WordPress中使用選項(xiàng)卡式內(nèi)容？
使用選項(xiàng)卡允許您在少量空間中添加更多詳細(xì)信息或拆分大塊內(nèi)容，以獲得更好的組織和用戶體驗(yàn)。
假設(shè)您有一個(gè)。您可以為產(chǎn)品描述、評論、技術(shù)規(guī)格等添加選項(xiàng)卡。這種分離有助于在一個(gè)位置為客戶提供所有詳細(xì)信息，并使頁面具有交互性。
同樣，您可以在 插件頁面上看到選項(xiàng)卡式內(nèi)容。該頁面使用詳細(xì)信息、評論、安裝、支持和開發(fā)信息等選項(xiàng)卡分為不同的部分。
選項(xiàng)卡式內(nèi)容有助于讓人們留在您的。您不必將人們發(fā)送到另一個(gè)頁面即可獲取他們需要的有關(guān)您的產(chǎn)品和服務(wù)的所有詳細(xì)信息。
也就是說，讓我們看看如何將選項(xiàng)卡式內(nèi)容添加到WordPress頁面和帖子中。
以下是我們將用來完成此操作的 2 種方法：
方法 1：使用登錄頁面構(gòu)建器添加選項(xiàng)卡式內(nèi)容
在WordPress中添加選項(xiàng)卡式內(nèi)容的最佳方法是使用。這是和網(wǎng)站構(gòu)建器。SeedProd 對初學(xué)者友好，并帶有拖放構(gòu)建器、預(yù)制模板和多個(gè)自定義選項(xiàng)。
在本教程中，我們將使用 許可證，因?yàn)樗糜谔砑舆x項(xiàng)卡式內(nèi)容的高級塊。還有一個(gè)版本，您可以免費(fèi)使用。
首先，您需要安裝并激活 SeedProd 插件。
激活后，您將被重定向到WordPress儀表板中的SeedProd歡迎屏幕。繼續(xù)并輸入您的許可證密鑰，您可以在SeedProd帳戶區(qū)域找到該密鑰。
接下來，您可以前往 種子生產(chǎn) ? 登陸頁面 從您的WordPress管理面板。
之后，只需單擊“創(chuàng)建新登錄頁面”按鈕。
從這里，SeedProd 將顯示多個(gè)登錄頁面模板供您選擇。
繼續(xù)并選擇您要使用的模板。只需將鼠標(biāo)懸停在模板上，然后單擊橙色刻度線圖標(biāo)即可。
現(xiàn)在將打開一個(gè)彈出窗口，您需要在“頁面名稱”字段中輸入頁面標(biāo)題，并在“頁面網(wǎng)址”下輸入。
之后，只需單擊“保存并開始編輯頁面”按鈕。
這將啟動(dòng) SeedProd 拖放構(gòu)建器。您現(xiàn)在可以向模板添加不同的塊并編輯現(xiàn)有元素。
要添加選項(xiàng)卡式內(nèi)容，只需將“高級”部分下的“選項(xiàng)卡”塊拖放到頁面模板上即可。
接下來，您可以在種子生產(chǎn)中自定義選項(xiàng)卡塊。
例如，您可以單擊“添加新項(xiàng)目”按鈕以添加任意數(shù)量的選項(xiàng)卡。此外，還有一些選項(xiàng)可以編輯字體大小、文本之間的間距以及每個(gè)選項(xiàng)卡中內(nèi)容的對齊方式。
接下來，您可以單擊任何選項(xiàng)卡以進(jìn)一步編輯它并添加詳細(xì)信息。
例如，您可以更改每個(gè)選項(xiàng)卡的標(biāo)題、添加內(nèi)容和更改選項(xiàng)卡圖標(biāo)。
除此之外，SeedProd還提供高級自定義選項(xiàng)。
只需單擊左側(cè)菜單中的“高級”選項(xiàng)卡。在這里，您可以更改選項(xiàng)卡布局、排版、顏色、、邊框等。
當(dāng)您對標(biāo)簽欄進(jìn)行更改并自定義著陸頁后，請不要忘記單擊頂部的綠色“保存”按鈕。
之后，您可以前往“頁面設(shè)置' 標(biāo)簽。
接下來，您可以單擊“頁面狀態(tài)”切換并將狀態(tài)從草稿更改為發(fā)布。
您可以單擊“保存”按鈕來存儲(chǔ)更改并關(guān)閉頁面構(gòu)建器。
現(xiàn)在，只需訪問您的網(wǎng)站即可查看選項(xiàng)卡式內(nèi)容 WordPress 頁面。
方法2：使用WordPress插件添加選項(xiàng)卡式內(nèi)容
如果您不想使用登錄頁面構(gòu)建器，則可以使用專用的WordPress插件將選項(xiàng)卡式內(nèi)容添加到您的帖子和頁面中。
首先，您需要安裝并激活插件。
激活后，您可以從WordPress儀表板轉(zhuǎn)到選項(xiàng)卡響應(yīng)?添加新選項(xiàng)卡，然后首先輸入選項(xiàng)卡的名稱。
接下來，您可以通過單擊紅色的“添加新選項(xiàng)卡”按鈕向下滾動(dòng)以添加任意數(shù)量的選項(xiàng)卡。
另外，您可以通過更改其標(biāo)題、添加說明、使用不同的選項(xiàng)卡圖標(biāo)以及編輯圖標(biāo)位置來單獨(dú)編輯每個(gè)選項(xiàng)卡。
除此之外，該插件還在右側(cè)菜單中提供了不同的“選項(xiàng)卡設(shè)置”。
例如，您可以選擇是否顯示選項(xiàng)卡標(biāo)題、為標(biāo)題和圖標(biāo)選擇不同的選項(xiàng)、更改圖標(biāo)位置、顯示選項(xiàng)卡邊框、選擇等。
進(jìn)行更改后，您現(xiàn)在可以使用插件生成的短代碼在任何博客文章或頁面中使用選項(xiàng)卡。
只需單擊“發(fā)布”按鈕。
接下來，您可以使用短代碼在任何頁面或帖子上添加選項(xiàng)卡。只需確保將短代碼中的 ID 號替換為您的選項(xiàng)卡 ID 號即可。[TABS_R id=130]
響應(yīng)式?所有
接下來，您只需要添加新帖子或編輯現(xiàn)有帖子即可。
當(dāng)您在內(nèi)容編輯器中時(shí)，請繼續(xù)添加簡碼塊以輸入。
之后，您可以預(yù)覽您的博客文章或頁面。如果所有內(nèi)容都已簽出，您可以單擊“發(fā)布”或“更新”按鈕將標(biāo)簽頁保存在帖子中。
現(xiàn)在，訪問您的網(wǎng)站以查看正在運(yùn)行的選項(xiàng)卡式內(nèi)容。
