魏艾斯笔记WP Show Posts插件是一款能够创建多种文章列表的 WordPress插件，魏艾斯笔记曾经在WP Show Posts插件介绍中简单讲解了这款插件，并贴出了插件制作出来的部分效果图。不过对于插件具体使用操作没有想写讲解。这几天总有新手向老魏询问相关的制作方法，今天有点空闲时间老魏就举几个常见例子来分享 WP Show Posts插件如何制作出精美多样的图片文章列表来的。
熟悉WP Show Posts插件
关于这款插件的相关设置参数，老魏已经在上面链接的文章中介绍过了，大家有必要去熟悉一下，WP Show Posts插件用的好，完全可以做出通过参数的变化组合就能设计出精美的图文排版来。能代替一些主题中不包含的功能。
下面老魏把常见的几个图文排版形式做详细讲解，大家可以参照着去实际操作一下。
老魏使用了 astra主题，经过测试发现不同主题的展示效果是不同的，可能需要调整图片长宽、摘要等参数。
新建页面，在 WordPress后台 > 设置 > 阅读 > 主页设置为一个静态页面，选择新建的页面。
页面的Astra设置，没有侧边栏，内容布局：完全宽度/包含，禁用标题。
页面的DUX设置，没有侧边栏。
1、图左文右布局
如下图所示，图片在左侧，摘要在右侧。
这个图文排版形式与WP Show Posts插件介绍文章结尾的截图相似，两列布局，文章标题在上，图片在下，摘要20个单词（是单词，不是字母），带 read more按钮。
你也可以发布中文内容都没问题的。
在 WordPress后台左侧的功能列表找到 WP Show Posts，点击 Add New，起个名。
如果要做出上图效果，参数如下：
- posts：与效果无关，默认即可；
- Columns列：2，Columns gutter两列之间的距离：2em。
- Images：勾选Images，images width 和 Image height凭经验设置，上图中是 2:1的尺寸比例，或者你觉得看起来舒服的比例都行。Image alignment选择 left，因为右侧要给内容摘要留出位置。 Image location选择 Below title 在标题下面。
- Content内容：Content type 选择 Excerpt摘要，Excerpt length (words)选择20，是单词，不是字母数。Title element选择P即可。Read more text输入 Read more，不喜欢黑边框按钮的就不填。Read more button class是按钮样式，懂css代码可以自定义颜色、样式、尺寸等。
- Meta元数据：都不选择。是否显示及在哪个位置显示 author作者、date发布时间、terms栏目、comments link评论链接。根据实际情况选择展示，比如 date发布时间需要配合 Posts > Taxonomy > category 才能显示。
2、图上文下布局
如下图所示，图片在上面，摘要在下面。
老魏只说与上面第一条图文布局形式改动的地方：
Columns列：3；
Images：勾选Images，images width 和 Image height比例 2:1，这个都是一步步测试出来的，没啥技巧；
3、文章布局
如上图所示这种只有标题的。
与上面第一条图文布局形式改动的地方有：
Columns列：1；
Images：取消勾选Images；
Content：Content type选择 None，Read more text 留空。
Meta元数据：都取消勾选。
4、侧边栏图文布局
如上图所示，通过调用 WP Show Posts插件的短代码，在文章侧边栏显示出了图文列表文章。上面是文本小工具，下面是WP Show Posts插件自带小部件同样可以实现效果，不过是铺满外边框的有点丑，如果懂css的话可以优化一下边距就没问题了。
这个效果是使用DUX主题实现的，astra主题的侧边栏效果有点乱懒得改了，主要是展示出这个效果。
如上图所示实现方法是在 WordPress后台 > 外观 > 小工具，拖拽“文本小工具”到右侧文章小部件区域，选择文本模式，填入插件短代码，保存即可。
WP Show Posts插件自带小部件拖拽到右侧，起个标题，再选择 WP Show Posts文章就行了。
5、侧边栏文章布局
上图是DUX主题侧边栏的文章布局，上面是文本模式，下面是 WP Show Posts插件自带的小部件，同样存在铺满边框的问题。不想花时间改就用文本模式吧，效果都一样。
魏艾斯点评
以上是WP Show Posts插件创建多种图片文章布局的操作流程，包括了图文布局、文章布局、侧边栏布局。
还能做出图片、画廊Gallery等多种类的文章、产品展示形式，比如配合 WooCommerce插件，显示丰富多样的产品列表，效果就很好看。
这个插件用好了，可以搭建出一个博客、企业网站、外贸网站出来，效果胜过很多主题自带的文章、产品排版功能。
如果你有更好的创意就能做出更多的精彩效果。