如何使“发布”按钮跟随wordpress中的页面？

Question

我想使发布按钮跟随页面（浮动/粘滞）。有什么办法吗？谢谢，Anh

Answer 1

我认为您希望将“发布”或“更新”按钮的div元素粘贴到页面上。

要使div元素粘贴到页面上，您可以使用一些解决方案：

1. CSS：使按钮的div具有位置固定属性

#submitdiv {position: fixed; z-index:999999}

1. jQuery解决方案：使用jquery粘性插件（http://stickyjs.com，http://someweblog.com/hcsticky-jquery-floating-sticky-plugin/）。然后将其实现到#submitdiv元素

Stickyjs：

$(document).ready(function(){
$("#sticker").sticky({topSpacing:0});});

hcSticky：

$("#submitdiv").css('z-index','999999').hcSticky({noContainer:true});

1. 使用wordpress插件。我知道一个可以帮助您的插件：http://wordpress.org/plugins/floating-publish-button/。请看看。

希望此答案可以为您提供帮助。

Answer 2

我总是尝试在没有插件的情况下进行操作，因此我进行了一些研究...然后让我补充一下：如果您没有包含大量字段的大型帖子/页面，则sondoha的答复可以保持粘性。对于所有侧边栏面板，它将保持最大高度。这样，对我来说还不够。

我设法只使用CSS：

function baannng_floating_publish() {
    echo '<style>
        #poststuff #post-body.columns-2 #side-sortables { margin-top: 330px; }
        #submitdiv { position: fixed; margin-top: -330px; right: 20px; z-index: 9999; max-width: 278px; width: 100%; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3););}
    </style>';
}
add_action('admin_head', 'baannng_floating_publish');

我添加了一些阴影，以便在与其他面板重叠时在视觉上保持舒适。如果有可用的话，将前面的代码添加到主题内的function字段中，或者将它们添加到functions.php。

关于，H。

Answer 3

自WordPress 4.1开始，这是内置功能。整个右侧窗口小部件区域（包括“发布”窗口小部件）随页面浮动。