用Elementor Pro为WordPress添加一个相关文章模块

[db:摘要]

昨天看到Elementor居然已经支持相关文章了,想到又可以少装一个插件,马上用Elementor做除了网站的相关文章,下面就分享下Elementor添加相关文章的过程吧

因为这里需要用到Posts部件,确保你已经升级到了Elementor Pro版本

进入网站后台,选择Templates – 创建一个模板,类型选Section

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

我们把Posts组件拖动到页面中

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

因为样式的设计很简单,和设计文章页都是一样的,这里就不再多说,下面主要介绍一下相关文章需要用到的Query这个模块

首先最重要的一点把文章的源设置为Related,意思就是把Elementor Posts小工具设置为相关文章的模型,这样下面的所有选项,都是文章展示相关的设置了

(设置为相关文章模型后,可能会出现一些杂乱的文章,可以通过设置中的Preview Settings把预览页面改为一篇常规的文章)

Include By是分类的依据,比如可以根据作者进行关联、或者根据分类目录、标签等找出相关的文章,比如下面我选择的就是分类目录筛选,这样每篇下面的相关文章都是同一个分类下面的

Fallback指的是没有相关文章的情况,这时可以展示近期文章或者手动筛选

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

另外在最下方可以设置排序相关,可以按日期、标题、随机等进行筛选

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

这时候相关文章模块基本就做完了,剩下的事情就是把它添加到主题中去了

怎么把相关文章模块集成到主题中呢?

最简单的方法就是通过小工具,比如你可以在侧边栏的区域插入一个Elementor Library,然后选择刚刚创建的相关文章模块

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

不过这种方法有个缺点就是大部分主题你只能放到固定的几个位置,有些局限

另外一种方法就是我们可以借助Elementor中短代码

在elementor模板列表中,每个模板有一个Shortcode,我们可以通过Shortcode来调用指定的Elementor模板

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

如果你的主题是带Hooks系统的,比如GeneratePress、Astra、OceanWP 等(都需要高级版),可以直接添加短代码Hooks,把代码复制进去就行了,如果你还不知道Hooks怎么用,可以查看GeneratePress中使用Hooks的方法

如果你的主题没有Hooks系统的话,也可以通过修改主题中的代码来添加模块,找到需要添加的位置,插入下面的代码,就可以调用相关文章了

 <?php echo do_shortcode('这里填写你的elementor代码'); ?> 

最终的效果如下图

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

虽然说相关文章只是Elementor中的一个小小的模块,但是对比我之前使用过的一些相关文章推荐插件真的是非常强大了,而且Elementor还有一个很大的优势就是我们可以自己调整样式,加入更多元素,这是其他的插件不能比的

用Elementor Pro为WordPress添加一个相关文章模块用Elementor Pro为WordPress添加一个相关文章模块

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/106578

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注