关注VPS服务器
相关知识分享

WP Show Posts插件_WordPress文章展示插件

WP Show Posts插件是一款WordPress文章展示插件,用于在WordPress网站各个页面用自定义的形式展示文章等不同形式。这款插件的特点是可以通过简单的设置参数就能产生多种形式的文章排列方式,无需像 Avada主题那样复杂的设置过程,就可以做出一个精彩的文章列表页面。在本文中老魏将把WP Show Posts插件如何使用详细介绍给大家。

WP Show Posts插件安装

在 WordPress仪表盘>插件>安装插件>搜索WP Show Posts,安装并启用就行了。

WP Show Posts插件安装

WP Show Posts插件安装

WP Show Posts插件还有Pro版本供选择使用,Pro版本功能更多更强大,平时用免费版本已经足够用了,老魏建议大家使用免费版本就行。

WP Show Posts插件设置

启用后在仪表盘左侧文章的下面会看到【WP Show Posts】栏目,分为 All lists和Add New两部分。

All lists是所有已建立的 lists列表;

我们先点击Add New添加新list,看到如下图所示,请注意下图红框中的 shortcode简码,后面会用到。

默认是英文,看不懂可以用谷歌浏览器在线翻译中文来辅助。

WP Show Posts插件设置

WP Show Posts插件设置

老魏以英文免费版为例讲解上图中栏目的设置。

1、posts

  • post type:包括 page, post, product (如果使用WooCommerce) 和自定义文章类型;
  • Taxonomy:包括分类、标签 (post_tag), post formats (post_format);
  • posts per page:选择6就是每页显示6个posts文章的意思;
  • 勾选Pagination分页,每页文章超过6个就会自动分页。为了防止出现重复内容,仅当posts是内容区域中的唯一内容时才能使用分页;

2、Columns

  • Columns:Columns代表文章分几列显示;
  • Columns gutter:设置两列之间的分隔距离,默认值是 2em 或者 20px;

3、Images

  • Images:勾选后显示文章图片;
  • Image width (px)和Image height (px),图片宽度和高度不用解释了吧;
  • Image alignment:图片对齐,left、center、right左中右;
  • Image location:图片位置,below title 标题下面,above title标题上面;

Content

  • Content type:内容显示形式。excerpt摘要,full全显示,none不显示;
  • Excerpt length (words):摘要字数,默认30个单词;
  • Title element:标题元素,p,span,h1~h5,一般我们选择p;
  • Read more text:一般输入 Read more;
  • Read more button class:无需改动;
  • Meta元,是否显示author作者,date时间,terms栏目,comments link评论链接;

More settings

  • Order:按照降序或升序排列文章;
  • Order by:按文章ID,作者,标题,slug,文章类型,日期,修改日期,父级,随机或评论数对列表进行排序;
  • 其他选项一般不碰;

最后别忘了点击右侧 update保存后生效。

WP Show Posts插件使用

下面我们设置一下参数,看看效果。

  • 给新建lists起名;
  • post type选择post,posts per page选择6,勾选Pagination分页;
  • Columns选择3,Columns gutter设置3em;
  • 勾选Images,Image width 600px,Image height 250px;
  • Excerpt length改成20,添加Read more;
  • Meta栏目全都勾选;
  • 以上没提到的选项都按照默认设置;
  • 点击update 发布;

接下来去 page页面>新建页面,起个名,点击下图中的 WP Show Posts按钮,选择新建的lists,点击OK。

WP Show Posts插件使用

WP Show Posts插件使用

这时候页面内容区域出现了 [wp_show_posts id="48"]这样的代码,其实就是上文添加新list时提到的简码,你也可以直接复制粘贴过来。

页面布局选择Content(no sidebars)最后要update保存页面生效。

预览一下页面效果,如下图所示:

有分页按钮可以点击到下一页、上一页,有 read more按钮,也显示了文章发布日期、作者、栏目、图片、摘要等信息。

因为页面太长了老魏没有全部截图下来。

WP Show Posts插件文章排列效果带meta信息

WP Show Posts插件文章排列效果带meta信息

如果觉得显示的信息太多了,可以在参数里面去掉 Meta的所有勾选,设置2列显示,结果如下图:

能够看到是有分页的页码和下一页、上一页链接的。

WP Show Posts插件文章排列效果简洁版

WP Show Posts插件文章排列效果简洁版

如果安装了 WooCommerce插件且已发布了一些产品时,可以在 post type选择 product,这时候就会显示产品列表了,对外贸网站、产品展示网站来说是很实用的功能。

WP Show Posts插件产品列表

WP Show Posts插件产品列表

老魏总结

经过以上讲解大家会发现WP Show Posts插件的实用性真的很不错,而且老魏举例子都是比较简单的设置,即使新手、小白也能看懂和容易上手。

如果你的主题没有提供丰富的文章列表形式,那么这款WordPress文章展示插件绝对是你不能错过的。

WP Show Posts Pro中的设置项目更丰富,效果更好看,除了文章列表展示之外,可以做出图片、画廊Gallery等更漂亮的文章展示形式。不过在我们实际使用中一般用不到这么酷炫的功能。

所以老魏建议大家选择使用 WP Show Posts插件就可以了,后面老魏也会详细讲解在WordPress主题中配合WP Show Posts插件做出实用的效果来。

赞(1)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《WP Show Posts插件_WordPress文章展示插件》
文章链接:https://www.vpsss.net/23907.html
本站资源仅供个人学习交流,转载请保留出处及链接,不允许用于商业用途,否则法律问题自行承担。