Question

我需要创建一个插件，使我可以选择网站的任何按钮或任何部分，并在悬停或单击时向其中添加额外的CSS。

我设法在WordPress中使用了REST API，添加了菜单并提交了表单，但我还不知道如何完成此任务。

任何建议，我将不胜感激。

谢谢。

Answer 1

您将使用Javascript或jQuery检测悬停/点击。

首先，您需要一种定位特定按钮的方法。为此，您可以为每个按钮分配一个唯一的ID。

然后，您需要注意mouseenter或click事件。在jQuery中，可以使用mouseenter()和click()函数。

然后像这样单击/悬停按钮时，您可以获取按钮的唯一ID。

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

从那里，您可以形成特定的CSS规则，这些规则以悬停/单击的特定按钮为目标。

要保存CSS，您需要使用您要创建的CSS规则将Ajax调用发送回WordPress。

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

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

祝你好运。