如何在WordPress发布按钮中添加确认对话框

要在WordPress的发布按钮中添加确认对话框,您需要使用JavaScript来实现这个功能。下面是一种将确认对话框添加到WordPress发布按钮的方法:

  1. 登录WordPress后台,然后转到您要编辑的帖子或页面的编辑器。

  2. 在编辑器中,您可以使用“Text”或“HTML”模式,这将允许您编辑帖子的HTML和JavaScript代码。

  3. 在您要添加确认对话框的发布按钮下面,插入以下代码:

<script>
function confirmPublish() {
  if (confirm("您确定要发布此内容吗?")) {
    // 用户点击了确认按钮,继续发布
    jQuery("#publish").click();
  } else {
    // 用户点击了取消按钮,取消发布
    return false;
  }
}

jQuery(document).ready(function($) {
  // 在发布按钮上添加点击事件
  $('#publish').click(function(e) {
    // 阻止默认的发布行为
    e.preventDefault();
    // 显示确认对话框
    confirmPublish();
  });
});
</script>

上面的代码包含一个JavaScript函数 confirmPublish(),它会显示一个确认对话框,询问用户是否要发布内容。如果用户点击确认按钮,它将模拟点击发布按钮,如果用户点击取消按钮,它将取消发布。

  1. 确保您将上述代码粘贴到正确的位置。通常,您可以在编辑器的底部找到“Text”或“HTML”视图。

  2. 保存您的帖子或页面,并预览或发布它。

现在,当您单击发布按钮时,将弹出一个确认对话框,以确保您真的想要发布内容。如果您点击确认,它将继续发布,否则将取消发布。请注意,这种方法需要JavaScript支持,因此如果用户的浏览器禁用了JavaScript,则不会显示确认对话框。

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享