Question

我在一个侧边栏中添加了四个文本小部件，这些侧边栏分为四行，一行在另一行之下。

我想要的是将它们并排显示在一行中。

我在class WP_Widget_Text找到了default-widgets.php，但我不知道该怎么做。

Answer 1

一种方法是在style.css中添加以下代码

    <style type='text/css'>
        .textwidget {
            display:inline;
            margin-left: 10px;
            float:left;
        }
    </style>

您还可以从第403行删除div代码

echo $before_widget;
if ( !empty( $title ) ) { echo $before_title . $title . $after_title; } ?>
     echo !empty( $instance['filter'] ) ? wpautop( $text ) : $text; 
echo $after_widget;

但这不是一个有保障的解决方案，因为$ before_widget，$ after_widget可以输出一些可以创建div / add换行符的代码。

这两种解决方案都不是更新友好的。即如果您更新WordPress或更改主题，您将看到它不起作用。

我觉得最好的解决方案是使用一个文本小部件，下面有一些CSS。

<div style='float:left;display:block inline;margin-right:10px'>Widget text 1</div>
<div style='float:left;margin-right:10px'>Widget text 2</div>
<div style='float:left;margin-right:10px'>Widget text 3</div>
<div style='float:left'>Widget text 4</div>

你必须使用内联css。您还可以添加边框和其他样式来分隔div's目前我刚添加的右边距

将文本小部件排成一行.Wordpress

1 个答案: