WordPress仪表板上的自定义内容

Question

我正在尝试找出将自定义内容添加到将在我的管理面板中定义的 wordpress 仪表板的最佳方法。

所以基本上我会让我的管理员帐户能够设置某些设置，而其他用户（订阅者、编辑者等）在登录时会看到自定义仪表板（管理员也会看到） .

到目前为止，我已经清除了整个仪表板，并且知道如何向其中添加小部件，但我正在尝试添加自定义 html（没有小部件框）。

有什么建议/想法吗？我希望得到一些帮助，谢谢！

Answer 1

也许您可以简单地在您的 functions.php 中添加一个自定义函数，其中包含您的特定 HTML 内容，如下所示：

/* add content */
function customContent() {
  echo '<div><p>Custom Lorem Ipsum Content</p></div>';
} 

/* add action */
add_action('load-index.php', 'customContent');

在这种情况下，您将在仪表板的管理栏下向所有用户显示一些 customContent。但是现在做造型将是相当多的工作。那么为什么不使用具有其功能的普通 customDashboardWidgets 并重置样式呢？

/* add content */   
function customContent() {
  echo '<div><p>Custom Lorem Ipsum Content</p></div>';
}

/* add widget */
function add_customDashboardWidget() {
  wp_add_dashboard_widget('wp_dashboard_widget', 'Custom Content', 'customContent');
}

/* add action */
add_action('wp_dashboard_setup', 'add_customDashboardWidget' );

最后你可以做一些样式：

<style type="text/css">
.postbox,
.postbox div.handlediv,
.postbox h3.hndle {
  background: none;
  border: none;                       
}                       
</style>

注意：如果在 functions.php 中插入样式，请确保在 CSS 之前/之后正确关闭/打开 PHP 标记

Answer 2

以下功能将从您的仪表板中删除一些不需要的框。它还添加了一个名为“帮助和支持”的自定义框。您可以将任何 html 添加到此部分。

将以下代码添加到您的functions.php

//Remove unwanted boxes and Add a custom widget called 'Help and Support
function my_custom_dashboard_widgets() {
   global $wp_meta_boxes;
   unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
   unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
   unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
   unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
   wp_add_dashboard_widget('custom_help_widget', 'Themes: Help and Support', 'custom_dashboard_help');
}
function custom_dashboard_help() {
    echo '<p>Support: <a href="#" target="_blank">Support Forum</a><i> (For members only).</i><p><p>Wants to customize your theme by our WordPress Experts? <a href="#" target="_blank">Customize my theme</a> <i>(Our wp Experts will do it for you!)</i></p>';
}

希望对你有帮助。