Wordpress 代码高亮显示插件 Enlighter的使用

在WordPress中,为了提升代码展示的可读性和美观性,可以使用Enlighter插件。本文介绍了如何在WordPress后台安装和配置Enlighter,以及在默认编辑器和Elementor中使用它的步骤。在默认编辑器中,通过插入Sourcecode并选择语言即可高亮代码,但在Elementor中使用Enlighter可能导致代码显示为一行,解决方案尚未找到。
摘要由CSDN通过智能技术生成

不管是普通的Wordpress用户还是专业的开发者,许多人都喜欢将自己的用过代码记录在博客中,但是众所周知WordPress自身的代码功能非常简陋的,甚至没有高亮效果,难以阅读,如果你想要展示漂亮的代码效果,必须安装一款合适的代码高亮插件。

这个代码高亮插件的名字是enlighter, 网站是:https://enlighterjs.org/

先看效果如下:

安装

在wordpress 的面板里,插件(Plugins)->新增(Add New),然后在搜索里输入enlighter 

选择安装(Install Now)并激活(Active)。 

设置

安装完后,就可以在wordpress的仪表盘左边栏看到enlighter了,你可以设置一下。

测试使用

下面我们就来添加这个插件看看,我在本机安装了Astra 主题,和Elementor插件,但我可能不熟悉Elementor,在elementor编辑里总是弄不好。

后来我在Wordpress 的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值