如何使“发布”按钮跟随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});});

hc粘性：

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

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

希望这个答案能帮助你。

Answer 2

从WordPress版本4.1开始，这是内置功能。整个右侧小部件区域，包括"发布"小部件，随页面浮动。

Answer 3

我总是尝试在没有插件的情况下做事，所以我做了一些研究......让我补充一点：如果您没有一个包含大量字段的大帖子/页面，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');

我添加了一些阴影，只是在重叠其他面板时视觉上舒适。将前面的代码添加到主题内的函数字段（如果有）或函数.php。

问候H.