wordpress如何讓文章只顯示前3行

wordpress如何讓文章只顯示前3行

WordPress中讓文章只顯示前三行可以使用more標簽實現,只要在第三行后插入more標簽就可以實現文章在網頁顯示時只顯示前三行。

相信接觸過wordpress的朋友對”more”標簽都有所了解,當鼠標滑動到編輯框上如下圖所示的工具條時,會有一個“插入more標簽”的提示。但你會使用它嗎?估計甚至有不少的朋友基本沒有碰過這個標簽。

wordpress如何讓文章只顯示前3行

more標簽的作用:

其實這個more標簽可以用來控制文章摘要內容的顯示的。在以單篇文章(閱讀全文)顯示所有文章的內容,在以非單篇文章(分類、標簽、文章列表等)顯示的為more標簽以上(摘要)的內容,用戶點擊文章標題等進入才進入到全文的閱讀。這樣也能對文章列表樣式的控制,顯得文章列表等更加整潔美觀。如下圖所示:

wordpress如何讓文章只顯示前3行

使用方法:

方法一:

在wordpress文章編輯器可視化界面在要設置摘要的地方點擊如圖所示的“插入more標簽“圖標就可以了。(如果用第三方編輯器可能圖標不相同,但操作方式一樣)

wordpress如何讓文章只顯示前3行

方法二:通過代碼實現

其實方法一也是通過代碼實現的,只是采用了可視化操作,點擊編輯器旁邊的文本(或者其他的以html代碼編輯模式)就能看到源代碼中插入了如下的代碼。

<!--more-->

wordpress如何讓文章只顯示前3行

我們在閱讀一些網站上文章內容時肯定也發現過在摘要旁邊有“閱讀全文”“查看更多等字樣”同時還對其進行樣式的設置,如以圖片形式顯示等。這就需要有對more標簽深入了解了,同時需要會html和css代碼,也很簡單。這里就講一些基本的作用和用法,具體了解網上有許多相關的資源,可以搜索查閱。

更多wordpress相關技術文章,請訪問wordpress教程欄目進行學習!

? 版權聲明
THE END
喜歡就支持一下吧
點贊8 分享