在页脚区域中为小部件添加第四列

Posted 2023-02-19

【中文标题】在页脚区域中为小部件添加第四列

【英文标题】：Adding a fourth column for widgets in a footer area

【发布时间】：2017-03-14 05:52:57

【问题描述】：

我的页脚区域目前在 3 列中有 3 个小部件。当我将第四个小部件添加到该区域时，它会将其分解为 2 行小部件，每行有 2 列。

我只想让页脚区域有 4 列用于小部件，全部在一行上。

我在functions.php 区域找到了这段代码，我不知道如何调整代码。非常感谢。

注册小部件区域并使用默认小部件更新侧边栏 不需要第一个小部件，但默认小部件在这里.. 所以 :( 如果我更新选项然后切换主题将导致 失去定制。 这个解决方案不是很优雅。

function emerald_e_widgets_init() 
    register_sidebar( array(
        'name'          => __( 'Footer', 'emerald_e' ),
        'id'            => 'footer',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h3>',
        'after_title'   => '</h3>',
    ) );

add_action( 'widgets_init', 'emerald_e_widgets_init' );

【问题讨论】：

您需要编辑 CSS。页脚小部件可能太宽，因此它们会换行。该网站的网址是什么？

感谢贝塞尔。这是emeraldevents.ca。

【参考方案1】：

以下代码，当放置在您的 CSS 文件中时，应该会完成您正在寻找的 4 列网格。通常我更喜欢使用 % 宽度，但你的主题似乎在任何地方都使用 px 所以我坚持使用它。

.fb_iframe_widget span 
    max-width: 210px;
 

 #tertiary .widget 
    width: 210px;

【讨论】：

你好贝塞尔曲线。我应该在 CSS 文件中的任何地方添加该代码吗？我尝试在文件中的最后一个 之前添加它，但它似乎没有任何区别。当我添加第四个小部件时，它仍然分成两行。

我也尝试将它添加到 CSS 代码的侧边栏部分，所有其他 #tertiary 代码都在其中，但结果相同。我还尝试在 wordpress 仪表板的小部件区域中更改 FB 小部件的宽度，但它一直默认回到 292px 宽度。