php - 水平样式化​​ Wordpress 小部件

Question

我目前正在为新的 Twenty Twelve 制作一个 child 主题WordPress 网站。该网站的响应速度采用流动/流动结构(使用百分比而不是固定像素宽度 - 这与我可能必须如何设置小部件样式有关)。

在我的模板顶部，我想包含一个小部件区域，用户/管理员可以在其中从提供的列表中的可用小部件中拖放元素。

理想情况下，由于该部分的网站设计和布局位于水平面上，因此三个小部件在空间上看起来会很漂亮。

但是，如果用户想添加更多，我认为我需要使用 PHP 或 JavaScript 来计算部分标签中是否有一定数量的 div/classes/id，例如，更改CSS 宽度从 33.33%(3 个小部件)到 25%(4 个小部件)或 50% 是否有两个等等？

我如何才能为每个小部件提供等间距的宽度并将它们并排放置？

Answer 1

有点乱，但这是一个开始:

<?php
$widgets = wp_get_sidebars_widgets();
$percentage = !empty($widgets['header-widget-area']) ? floor(100/count($widgets['header-widget-area'])) : 100;
?>
<style type="text/css">
hgroup .widget{
    width:<?php echo $percentage; ?>% !important;
    float:left;
}
</style>