如何在一个侧边栏中并排配对两个小部件

时间:2013-09-02 作者:ErnstZ

目前,我使用带有2个侧栏的钉板主题。在每个侧边栏中,我多次放置一种小部件。关键是一行的两个小部件(每个侧边栏1个)就内容而言属于一起。

我真正想要的是,我可以将两个不同的小部件(属于一起)并排放在一个侧栏中,并在同一个侧栏中对其他小部件重复此操作。我找到了可扩展的widgets插件(http://wordpress.org/plugins/extensible-widgets/) 但它已经三年没有维护了。所以我没有安装它。此外,我还发现了一些关于使用表或css解决类似问题的讨论。

为了更好地理解,您可以在此处查看我的WP实例:http://turbine.reimone.net/

我的问题是,必须配置“小部件对”中的每个小部件。第一个小部件是一个事件小部件,它通过及时插件来自一体式事件日历,第二个小部件只是一个包含简单html的文本小部件。“小部件对”是指按内容属于一起的两个小部件。一对小部件中的两个应该在布局中并排对齐。我希望一对中的两个上边缘(每个小部件中的一个)位于同一个垂直水平上,以便访问者可以更好地确定哪些小部件属于同一个。

你能帮我解决这个问题吗?

1 个回复
SO网友:Angelique

查看您的站点,似乎有六对小部件需要并排显示并在顶部对齐。有两种方法可以解决此问题:

  1. 使用当前布局,使用CSS向最右边的每个列的小部件添加顶部边距,使其与第一列上的现有小部件对齐。这是一个快速解决方案,但需要单独margin-top 该列中每个小部件的声明,当在不同的浏览器和/或显示大小中查看站点时,可能会有问题WP Codex) 每一个都放一对。然后更新CSS,使各个小部件并排浮动。这可能是一个更好、更灵活的长期解决方案

结束

相关推荐

If Query In Sidebar

我正在尝试创建一个查询如果“FeaturedQuote”自定义字段中有值,则显示<h3 class=\"featuredquote\"><blockquote><span class=\"bqstart\">&#8220;</span><?php global $wp_query; $postid = $wp_query->post->ID; echo get_post_meta($p