您现在的位置是:首页 > 教程 > WordPress教程WordPress教程
实现wordpress文章只显示前3行的方法
怀萍2023-07-03 22:03:44WordPress教程已有人查阅
导读WordPress中让文章只显示前三行可以使用more标签实现,只要在第三行后插入more标签就可以实现文章在网页显示时只显示前三行。
WordPress中让文章只显示前三行可以使用more标签实现,只要在第三行后插入more标签就可以实现文章在网页显示时只显示前三行。
相信接触过wordpress的朋友对"more"标签都有所了解,当鼠标滑动到编辑框上如下图所示的工具条时,会有一个“插入more标签”的提示。但你会使用它吗?估计甚至有不少的朋友基本没有碰过这个标签。
more标签的作用:
其实这个more标签可以用来控制文章摘要内容的显示的。在以单篇文章(阅读全文)显示所有文章的内容,在以非单篇文章(分类、标签、文章列表等)显示的为more标签以上(摘要)的内容,用户点击文章标题等进入才进入到全文的阅读。这样也能对文章列表样式的控制,显得文章列表等更加整洁美观。如下图所示:
使用方法:
方法一:
在wordpress文章编辑器可视化界面在要设置摘要的地方点击如图所示的“插入more标签“图标就可以了。(如果用第三方编辑器可能图标不相同,但操作方式一样)
方法二:通过代码实现
其实方法一也是通过代码实现的,只是采用了可视化操作,点击编辑器旁边的文本(或者其他的以html代码编辑模式)就能看到源代码中插入了如下的代码。
<!--more-->
我们在阅读一些网站上文章内容时肯定也发现过在摘要旁边有“阅读全文”“查看更多等字样”同时还对其进行样式的设置,如以图片形式显示等。这就需要有对more标签深入了解了,同时需要会html和css代码,也很简单。这里就讲一些基本的作用和用法,具体了解网上有许多相关的资源,可以搜索查阅。
本文标签:
很赞哦! ()
相关文章
随机图文
-
禁用WordPress5.8小工具区块编辑模式的方法
WordPress 5.8除了不支持IE,大的改变就是小工具支持可视化区块编辑模式:感觉与 头一次看到Gutenberg区块编辑器一样,有点手足无措,崩溃中....如果不适应这个小工具编辑模式 -
wordPress可以仿站吗,wordPress怎么仿站
目标网站的抓取,使用仿站小工具8.0.2挺好用的,能够尽可能多的将整个网站抓取下来。将文件保存到wp-content/tust。保存的首页default.html和其他的文件目录如下: -
wordpress后台菜单错位的解决方法
wordpress错位的解决办法:1、打开Chrome浏览器;2、在地址栏中输入“chrome://flags/#disable-slimming-paint” ,然后启用“停用slimming paint”选项 -
禁止WordPress头部加载s.w.org的方法
WordPress在头部添加dns-prefetch,应该是为了从s.w.org预获取表情和头像,目的是提高网页加载速度 ,但s.w.org国内根本无法访问,什么预获取
留言与评论 (共有 条评论) |