首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

wordpress“more”标签作用及如何使用

如下图所示为本文的more标签插入点,more标签以上的文字内容作为摘要显示。

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

那它有何作用?

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

这样一对比明显就能看出来了。

那么该如何使用呢?

方法一:

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

方法二:通过代码实现

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

如下图所示为本文的more标签插入点,more标签以上的文字内容作为摘要显示。

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

IT技术资料分享-个人整理自互联网,本文为IT技术资料分享原创,未经允许请勿转载。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181026A0STYB00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券