如何将小部件区域添加到仪表板顶部?

时间:2020-03-18 作者:Highly Irregular

我有兴趣在站点URL/wp admin的仪表板页面顶部添加一个小部件区域,以便为站点的编辑/开发人员显示一些重要的注释。

我该怎么办?

1 个回复
SO网友:Mikhail

让我们深入了解仪表板的内部结构,看看我们能做些什么。https://core.trac.wordpress.org/browser/tags/5.3/src/wp-admin/_index.php#L129

首先渲染welcome_panel 通过do_action( \'welcome_panel\' ); 因此,您可以连接到它,并将自定义内容输出到所有其他小部件之上。

您还可以remove_action(\'welcome_panel\') 在附加您自己的内容之前,请删除其中呈现的默认内容或其他内容,并仅呈现您自己的内容。

这基本上就是你问题的答案。->您可以创建自定义函数,该函数将回显您的html,您希望该html与welcome\\u面板一起显示或代替welcome\\u面板,并通过add_action( \'welcome_panel\', \'your_custom_top_widget_renderer\' );

默认欢迎面板通过add_action( \'welcome_panel\', \'wp_welcome_panel\' );

您可以结帐wp_welcome_panel 默认情况下,用于在WP中呈现欢迎面板的函数https://core.trac.wordpress.org/browser/tags/5.3/src/wp-admin/includes/dashboard.php#L1757 获取自定义欢迎面板渲染器的css类\\标记和功能灵感。

但这并不是仪表板小部件的占位符,所以本质上你可以在那里呈现你想要的任何东西,但像拖放这样的现成功能无法重新排序或通过拖放将其他小部件放置在那里。

让我们谈谈Dashboard widgets.

向下看一点https://core.trac.wordpress.org/browser/tags/5.3/src/wp-admin/_index.php#L148

向我们展示wp_dashboard() 用于呈现仪表板小部件及其占位符的函数调用,以便所有现成的拖放重新排序和真实仪表板小部件的其他功能都能正常工作。https://core.trac.wordpress.org/browser/tags/5.3/src/wp-admin/includes/dashboard.php#L230

此函数用于呈现小部件和小部件的4个占位符,它们位于2列UI中。因此,如果不重写这个函数,就不可能注入第五个占位符或类似的内容。

UPD:我想出了一个疯狂的主意,但你可以试试。你可以开火<?php do_meta_boxes( $screen->id, \'top_welcome_custom\', \'\' ); ?> 在您的自定义范围内welcome_panel 动作函数,您也可以在其中呈现元盒列表。这将需要做JS技巧,使其可排序等。但谁说,如果我们做一些真正定制的事情,这将是直接的。

我希望至少从你的解释来看,你只是想在那里显示一些信息。所以不需要代谢箱。

相关推荐

Create small dashboard widget

我一直在尝试在admin中的一个用户的帐户页面中添加一列移动电话号码字段。所以我从https://coderwall.com/p/g72jfg/adding-a-phone-numer-field-to-wordpress-user-profile现在我要做的是,为仪表板构建一个自定义小部件,这样用户也可以直接从那里更改他的手机号码(因此小部件中还必须有一个更新按钮)。你可以看到为这个想法附上的照片-第一幅图是小部件在dashboad中的外观,-第二张图片是您现在可以在用户帐户中看到的。我知道一些使用ec