WordPress小部件:如何更改自动创建的“样式”属性

Question

我复制了十三个Wordpress的主题，深入到Wordpress的开发中。我想改变我的页脚的外观，所以我使用Firefox检查器来玩它。我的页脚侧边栏中的小部件周围有以下HTML：

<aside style="position: absolute; left: 0px; top: 0px;" id="text-5" class="widget widget_text masonry-brick">
    <div class="textwidget">
        <p>My text content</p>
    </div>
</aside>

我想去掉“位置:绝对”CSS指令，但找不到样式属性添加到小部件HTML代码的位置。使用主题的functions.php中的小部件定义根本不包含样式属性：

function twentythirteen_widgets_init() {
    register_sidebar( array(
        'name'          => __( 'Main Widget Area', 'twentythirteen' ),
        'id'            => 'sidebar-1',
        'description'   => __( 'Appears in the footer section of the site.', 'twentythirteen' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">', // no style attribute...
        'after_widget'  => '</aside>',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    ) );
// ...

现在我想知道这种“魔法”是在哪里发生的，这样我才能阻止它。我禁用了所有相关插件，但这并没有改变任何事情。我也浏览了主题的文件，但我没有看到任何东西，我只是错过了吗？我想我可能可以在管理面板中的小部件设置页面上更改周围的HTML，但是我找不到这样的选项。

Answer 1

通常，您可以从样式表中为元素设置更大的优先级(！重要)，或者用以后的内联样式命令覆盖内联样式，例如后面运行的javascript。

但是，在本例中，内联样式来自于‘jquery’jquery插件，因此在这里更改内联样式并不是个好主意。如果您想要删除它，您需要禁用‘jquery-砖石’。您可以使用脚本

function wpdocs_dequeue_script() {
   wp_dequeue_script( 'jquery-masonry' );
}
add_action( 'wp_print_scripts', 'wpdocs_dequeue_script');

将其放入您的function.php文件中(因为您使用“23”主题作为父主题，如果您还没有创建子主题，则需要创建一个子主题)，然后您可以使用元素的类/ id来更改style.css文件中的样式。