WordPress:前端编辑器添加额外的CSS到网站



我需要创建一个插件,允许我选择网站的任何按钮或任何部分,并在悬停或单击时为其添加额外的CSS。

我已经设法在WordPress中使用REST API,添加菜单和提交表单,但我还不知道如何完成这项任务。

如果有任何建议,我将不胜感激。

谢谢。

您可以使用Javascript或jQuery来检测悬停/单击。

首先,您需要一种针对特定按钮的方法。你可以通过为每个按钮分配一个唯一的ID来实现这一点。

然后,您需要注意mouseenter或click事件。在jQuery中,这可以通过mouseenter()和click()函数来完成。

然后,当按钮被点击/悬停在上时,你可以获取按钮的唯一ID

$('button').mouseenter(function(e){
// here you would add CSS for e.target.id
})

从那里,你可以形成特定的CSS规则,目标是悬停/点击的特定按钮

为了保存您的CSS,您需要向WordPress发送一个Ajax调用,其中包含您想要创建的CSS规则。

然后,在插件的PHP代码中,您需要创建一个Ajax端点,该端点能够将CSS规则存储在数据库中。我可能会把它放在你页面的帖子元数据中。

最后,您需要添加一个函数,将存储在数据库中的CSS注入页面。

祝你好运。

最新更新