最終實現效果如下:
為什么要這樣做?因為好玩,因為快速,無折騰不博客!
直接上代碼,將下面的代碼添加到當前啟用的WordPress主題的functions.php里面。
// 后臺 文章列表 ajax刪除文章
add_action( 'admin_footer', 'dahuzi_custom_internal_javascript' );
function dahuzi_custom_internal_javascript(){
echo "<script>
jQuery(function($){
$('body.post-type-post .row-actions .trash a').click(function( event ){
event.preventDefault();
var url = new URL( $(this).attr('href') ),
nonce = url.searchParams.get('_wpnonce'), // MUST for security checks
row = $(this).closest('tr'),
postID = url.searchParams.get('post'),
postTitle = row.find('.row-title').text();
row.css('background-color','#ffafaf').fadeOut(300, function(){
row.removeAttr('style').html('<td colspan=\'5\' style=\'background:#fff;border-left:1px solid #FF5722;border-left-width:4px;color:#555\'><strong>' + postTitle + '</strong> 已被移動到回收站</td>').show();
});
$.ajax({
method:'POST',
url: ajaxurl,
data: {
'action' : 'moveposttotrash',
'post_id' : postID,
'_wpnonce' : nonce
}
});
});
});
</script>";
}
add_action('wp_ajax_moveposttotrash', function(){
check_ajax_referer( 'trash-post_' . $_POST['post_id'] );
wp_trash_post( $_POST['post_id'] );
die();
});
如果你想將這個功能用于自定義文章分類,將代碼中的 .post-type-post
,替換成 .post-type-{post-type-name}
這里我使用的URL API在較舊的瀏覽器中不起作用,對我來說無所謂,因為我使用的是Chrome瀏覽器,所以可以。你可以在此處檢查瀏覽器的兼容性。
代碼不會刷新文章計數(全部,已發布,回收站...)
新主題官方微信公眾號
掃碼關注新主題(XinTheme)官方公眾號,本站動態早知道。
發布本站最新動態(新主題發布、主題更新)和WordPress相關技術文章。