namesilo最便宜的域名购买
如何在GeneratePress主题中显示相关帖子文章

如何在GeneratePress主题中显示相关帖子文章

如何在GeneratePress主题中显示相关帖子文章

  GenratePress主题是一个流行的WordPress主题,它专注于速度、稳定性和可访问性,以轻量级、免费和开源代码、快速加载速度以及对访问者和搜索引擎SEO友好性能著称。但GeneratePress主题中缺少一个选项相关帖子

如何在GeneratePress主题中显示相关帖子文章
如何在GeneratePress主题中显示相关帖子文章

  默认情况下GeneratePress不提供在显示相关文章的任何选项。不过,这并不意味着不能添加相关帖子。本文我们晓得博客将向您展示如何在GeneratePress主题中显示相关帖子文章。

  注意:现在可以相关帖子从WP Show Posts迁移到Generateblocks使用本教程

  推荐:Astra主题博客文章如何添加相关文章

GeneratePress主题中显示相关帖子文章

  我们将使用WP Show Posts插件来设置显示相关文章帖子,WP Show Posts是由Generatepress的同一开发者开发的轻量级插件。它允许您使用简码或PHP在主题的任何部分添加帖子,并且使用这种方法,不会注意到网站速度有任何下降。

使用WP Show Posts插件

  WP Show Posts插件由GeneratePress主题背后的人Tom Usborne开发。在不影响网站页面速度的情况下,可以使用这个插件。

  1、安装WP Show Posts插件

使用WP Show Posts插件
如何在GeneratePress主题中显示相关帖子文章

  推荐:(图文)安装WordPress插件3种方法

  2、WP Show Posts插件添加相关文章

  安装WP Show Posts插件后,转到侧栏中的WP Show Posts,然后单击“Add New“。将新列表命名,如下图所示。

添加新的相关文章设置
如何在GeneratePress主题中显示相关帖子文章

  3、相关文章

  转到“post帖子部分”->“帖子类型”,选择帖子。可以设置要显示的帖子数量、列等分类作为一个类别。每页发布为3。住您的简码帖子ID

WP-Show-Posts插件post设置
如何在GeneratePress主题中显示相关帖子文章

  推荐:GeneratePress Free vs Premium,GeneratePress主题优点和缺点

  4、WP相关文章数量列

  设置Columns  为3,或者你喜欢的数量。将列间距保留 为 2em

WP-Show-Posts插件数量设置
如何在GeneratePress主题中显示相关帖子文章

  5、WP Show帖子图片部分

  图像部分将设置显示带有缩略图的相关帖子,将图像宽度 (px)图像高度 (px)留空。图像对齐 为中心, 图像位置 为上方标题。

WP-Show-Posts插件图像设置
如何在GeneratePress主题中显示相关帖子文章

  6、WP Show帖子内容部分

  内容部分可设置包括标题,文章内容,摘要等等,以及是否包含Read More标签。

WP-Show-Posts插件内容设置
如何在GeneratePress主题中显示相关帖子文章

  推荐:[修复]GeneratePress主题Read More改变网站URL

  7、Meta元设置

  转到元部分->取消选中所有设置。

WP-Show-Posts插件meta设置
如何在GeneratePress主题中显示相关帖子文章

  8、WP更多设置

  转到更多设置->选中排除当前和忽略置顶帖子并保留所有设置。

WP-Show-Posts插件其他设置
如何在GeneratePress主题中显示相关帖子文章

  推荐:GeneratePress主题如何删除Built with GeneratePress

在GeneratePress中使用Elements模块

  现在,开始GeneratePress Premium主题中设置显示相关帖子文章。在“外观“->“GeneratePress”->“Elements”,激活元素模块

  然后,点击“外观”->“Elements”-“>Add New“,选择Hook钩子。将其命名为相关帖子。将以下相关帖子代码粘贴到Hook中。

<div class="RelatedPosts"> You Might Also Like: </div> [wp_show_posts id="123" settings="taxonomy=category&tax_term=current"]

  注意:仅当您需要按标签显示相关帖子时才使用此代码

在GeneratePress中使用Elements模块
如何在GeneratePress主题中显示相关帖子文章

  转到挂钩设置并选择挂钩以显示after_content并选中Execute PHP。转到显示规则并选择位置作为所有单数并排除所有页面,然后点击“发布“。

  推荐:什么是GeneratePress Elements元素

设置相关帖子CSS样式

  现在,可以使用CSS为相关文章设置样式了。

设置相关帖子CSS样式
如何在GeneratePress主题中显示相关帖子文章

  在“外观”->“自定义”->“额外CSS“,中将以下代码粘贴到Additional CSS部分。您可以根据需要调整样式。

/GP Related Posts by www.pythonthree.com/
.RelatedPosts {
font-size: 24px;
font-weight: 600;
margin: 20px 0px;
}
.wp-show-posts-image img{
border-radius: 5px;
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%), 0 0 6px 0 rgb(0 0 0 / 10%), 0 2px 2px -2px rgb(0 0 0 / 15%);
}

  推荐:如何将自定义CSS添加到WordPress网站

GeneratePress相关文章效果

GeneratePress相关文章效果
如何在GeneratePress主题中显示相关帖子文章

总结

  以上是晓得博客为你介绍的如何在GeneratePress主题中显示相关帖子文章的全部内容,希望这篇可以帮助在WordPress建站中实现在单个帖子中显示相关帖子的目标。如果有任何技术或问题,请发表评论。

  推荐:GenratePress主题建站教程

  推荐:WordPress网站如何减少DOM大小

5/5 - (1 vote)

ThemeForest 模板套件
可视化创建WordPress网站
Scroll to Top