实现wordpress文章只显示前3行的方法

WordPress中让文章只显示前三行可以使用more标签实现，只要在第三行后插入more标签就可以实现文章在网页显示时只显示前三行。

相信接触过wordpress的朋友对"more"标签都有所了解，当鼠标滑动到编辑框上如下图所示的工具条时，会有一个“插入more标签”的提示。但你会使用它吗？估计甚至有不少的朋友基本没有碰过这个标签。

more标签的作用：

其实这个more标签可以用来控制文章摘要内容的显示的。在以单篇文章（阅读全文）显示所有文章的内容，在以非单篇文章（分类、标签、文章列表等）显示的为more标签以上（摘要）的内容，用户点击文章标题等进入才进入到全文的阅读。这样也能对文章列表样式的控制，显得文章列表等更加整洁美观。如下图所示：

使用方法：

方法一：

在wordpress文章编辑器可视化界面在要设置摘要的地方点击如图所示的“插入more标签“图标就可以了。（如果用第三方编辑器可能图标不相同，但操作方式一样）

方法二：通过代码实现

其实方法一也是通过代码实现的，只是采用了可视化操作，点击编辑器旁边的文本（或者其他的以html代码编辑模式）就能看到源代码中插入了如下的代码。

<!--more-->

我们在阅读一些网站上文章内容时肯定也发现过在摘要旁边有“阅读全文”“查看更多等字样”同时还对其进行样式的设置，如以图片形式显示等。这就需要有对more标签深入了解了，同时需要会html和css代码，也很简单。这里就讲一些基本的作用和用法，具体了解网上有许多相关的资源，可以搜索查阅。

×

感谢您的认可和支持

微信

支付宝

持续输出优质内容需要动力，您的每一个打赏都是深夜码字时的温暖咖啡☕

本文标签：

声明：本文由代码号注册/游客用户【怀萍】供稿发布，本站不对用户发布的实现wordpress文章只显示前3行的方法信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：怀萍» https://www.ebingou.cn/dmh/4676.html

很赞哦！ ()