wordpress创建一个全宽的仪表板小部件

Question

如何在WordPress中创建全宽仪表板小部件？

我想在WordPress 3.3中创建一个像“欢迎”这样的小部件。

该插件位于dashboard.php的{​​{1}}，但我不知道它们是如何显示全宽的。

他们在主要div之外创建了一个div“欢迎面板”，其中所有小部件都是“dashboard-widgets-wrap”：

wp_welcome_panel()

我怎样才能做到这一点？

修改

我在第90行的<div id="welcome-panel" class="welcome-panel"></div> <div id="dashboard-widgets-wrap"> <div id="dashboard-widgets" class="metabox-holder"> <div id="postbox-container-1" class="postbox-container" style="width:50%;"> <div id="postbox-container-2" class="postbox-container" style="width:50%;"> <div id="postbox-container-3" class="postbox-container" style="display:none;width:50%;"> <div id="postbox-container-4" class="postbox-container" style="display:none;width:50%;"> </div> 找到了这个：

wp-admin/index.php

所以他们直接插入代码。

我看到的唯一解决方案是使用jQuery吗？

还有其他选择吗？

全宽小部件对于使用更新或确凿信息或任何内容在您自己的主题顶部添加内容非常有用。

Answer 1

不幸的是，没有办法挂钩欢迎面板。

我有两个解决方案。

Manipulating the div with CSS and jQuery

或

Injecting an iframe

在这种情况下，我正在清理所有仪表板小部件，标签，欢迎面板。强制执行单列布局。最后用iframe填充空白。

但这可以很容易地适应您的口味。

Answer 2

从WordPress 3.5.0开始，您可以直接修改欢迎面板：

首先删除现有内容，然后添加自己的功能以呈现内容：

remove_action( 'welcome_panel', 'wp_welcome_panel' );
add_action( 'welcome_panel', 'my_custom_content' );

function my_custom_content()
{
    ?>
    <h1>Hello!</h1>
    <?php
}