我需要创建一个插件,允许我选择网站的任何按钮或任何部分,并在悬停或单击时为其添加额外的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注入页面。
祝你好运。