登录  /  注册
首页 > CMS教程 > WordPress > 正文

wordpress如何让文章只显示前3行

发布: 2019-07-13 15:36:45
原创
2587人浏览过

wordpress如何让文章只显示前3行

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

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

1.jpg

more标签的作用:

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

1.jpg

使用方法:

方法一:

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

1.jpg

方法二:通过代码实现

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

<!--more-->
登录后复制

1.jpg

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

更多wordpress相关技术文章,请访问wordpress教程栏目进行学习!

以上就是wordpress如何让文章只显示前3行的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号