WordPress中讓文章只顯示前三行可以使用more標簽實現,只要在第三行后插入more標簽就可以實現文章在網頁顯示時只顯示前三行。
相信接觸過wordpress的朋友對”more”標簽都有所了解,當鼠標滑動到編輯框上如下圖所示的工具條時,會有一個“插入more標簽”的提示。但你會使用它嗎?估計甚至有不少的朋友基本沒有碰過這個標簽。
more標簽的作用:
其實這個more標簽可以用來控制文章摘要內容的顯示的。在以單篇文章(閱讀全文)顯示所有文章的內容,在以非單篇文章(分類、標簽、文章列表等)顯示的為more標簽以上(摘要)的內容,用戶點擊文章標題等進入才進入到全文的閱讀。這樣也能對文章列表樣式的控制,顯得文章列表等更加整潔美觀。如下圖所示:
使用方法:
方法一:
在wordpress文章編輯器可視化界面在要設置摘要的地方點擊如圖所示的“插入more標簽“圖標就可以了。(如果用第三方編輯器可能圖標不相同,但操作方式一樣)
方法二:通過代碼實現
其實方法一也是通過代碼實現的,只是采用了可視化操作,點擊編輯器旁邊的文本(或者其他的以html代碼編輯模式)就能看到源代碼中插入了如下的代碼。
<!--more-->
我們在閱讀一些網站上文章內容時肯定也發現過在摘要旁邊有“閱讀全文”“查看更多等字樣”同時還對其進行樣式的設置,如以圖片形式顯示等。這就需要有對more標簽深入了解了,同時需要會html和css代碼,也很簡單。這里就講一些基本的作用和用法,具體了解網上有許多相關的資源,可以搜索查閱。
更多wordpress相關技術文章,請訪問wordpress教程欄目進行學習!
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END