如何使用切換效果顯示和隱藏WordPress帖子中的文本


有時,您可能希望隱藏部分帖子或頁面內容,以使該文章看起來簡潔,並允許用戶單擊並查看更多信息(如果需要)。 該技術被稱為切換效果,以多種不同方式在眾多網站上使用。 當用戶單擊特定的鏈接或按鈕時,隱藏的內容將變為可見。 對於FAQ頁面,此顯示/隱藏切換效果非常方便。 您將進入一個頁面,在該頁面上看到一堆問題。 當用戶單擊問題時,答案將在下方擴展。 當您再次單擊問題時,答案將消失。 在本文中,我們將向您展示如何使用切換效果顯示和隱藏WordPress帖子和頁面中的文本。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活WP ShowHide插件。 該插件可以直接使用,沒有可供您配置的選項。 要使用切換效果隱藏帖子中的文本,您需要使用以下簡短代碼:

[showhide type="post"]Text you want to hide[/showhide]

ShowHide切換效果對WordPress帖子中的文本

首次使用簡碼時,您會注意到它顯示帶有文本“ Show Press Release(xx more words)”的切換鏈接。 實際上,該插件是專門為發布新聞稿的網站編寫的。 但是,此文本可以輕鬆更改為您喜歡的任何內容。 使用這樣的簡碼:

[showhide type="post" more_text="Show more..." less_text="Show less..."]
Text you want to hide
[/showhide]

showhide短代碼帶有一些參數,您可以使用這些參數來控制其在各個帖子中的工作方式。 默認參數和簡碼的值是:

[showhide type="pressrelease" more_text="Show Press Release (%s More Words)" less_text="Hide Press Release (%s Less Words)" hidden="yes"]

我們希望您發現本文對添加切換效果以隱藏WordPress帖子和頁面中的文本有所幫助。 讓我們知道您是希望使用切換效果來隱藏完整帖子還是使用默認的WordPress摘錄功能?