在特定 WordPress 主题中添加第二个侧边栏

Question

我学会了如何添加额外的侧边栏现在我需要弄清楚如何添加除了主题 Librio ( wordpress.org/extend/themes/librio ) 中已显示的侧边栏之外，还有一个额外的侧边栏。

我完全不知道该去哪里寻找。该代码纯粹是混乱的并且不言自明。

我的 sidebar.php 包含以下代码：

<div id="idontknow">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>
</div>

现在，如果我复制并添加相同的代码，但使用“sidebar2”，我得到的只是在第一个侧边栏内显示的第二个侧边栏。

<div id="idontknow">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>
</div>

<div id="ireallydont">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?>
<?php endif; ?>
</div>

我不想要这样。我想要两个并排的独立侧边栏。有人可以帮帮我吗？

我尝试使用 CSS 和 id=leftsidebar 和 id=rightsidebar 来过期，但它根本不起作用。

再次澄清一下： 我有 2 个侧边栏！我什至在functions.php 中得到了正确的代码

if ( function_exists('register_sidebar') )
    register_sidebar(array('name'=>'sidebar1',
    'before_widget' => '<div class="block">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
));
register_sidebar(array('name'=>'sidebar2',
    'before_widget' => '<div class="block">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
));

问题是，如上所述，第二个新创建的侧边栏显示在第一个侧边栏中。我想要修改主题，以便有 2 个独立的侧边栏。

Answer 1

您必须注册第二个侧边栏。

在你的主题文件夹中创建一个文件 functions.php （也许这个文件已经存在）并添加以下代码：

    <?php
        register_sidebar(array('name'=>'sidebar'));
        register_sidebar(array('name'=>'sidebar2'));
    ?>

现在，如果你转到你的 WordPress 管理部分，你应该看到有 2 个侧边栏可用，其中您可以添加小部件。

Answer 2

这更多的是 CSS 问题。我已经复制了您的设置并完成了以下操作以使两列正常工作。

我的 sidebar.php 是：

<div id="sidebar">
  <div id="idontknow">
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
  <?php endif; ?>
  </div>
  <div id="ireallydont">
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?>
  <?php endif; ?>
  </div>
</div>

我已在functions.php 中注册了两个侧边栏（如 Dextro 建议），并确认它们都可以工作并在另一个下方显示一个。

然后我在 style.css 中进行了以下宽度更改：

• 在第 173 行，我更改了 #content 的
  在第 303 行将宽度更改为 570px
• ，我将
  

  侧边栏的宽度更改为 300px

然后我添加了一个新的 CSS 规则：

#sidebar #idontknow,
#sidebar #ireallydont {
    width: 150px;float: left;
}

现在我有两列边。您可能想要调整宽度，并且肯定想要修复侧边栏背景图像。

Answer 3

您是否尝试过将第二个侧边栏 div 的 id 更改为 id="sidebar2" ？如果不查看站点/代码，很难判断，但 CSS 中可能存在某些内容导致两个侧边栏重叠。要么是，要么第一个没有正确关闭。

Answer 4

您是否将侧边栏 div 放入 librio 的侧边栏 div 中？

换句话说，您的 sidebar.php 看起来像这样吗？

<div id="sidebar">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>

    <!-- default librio sidebar stuff goes here -->

    <?php endif; ?>

    <div id="sidebar2">
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>

        <!-- second sidebar stuff goes here -->

        <?php endif; ?>
    </div>
</div>

当我这样做时，第二个侧边栏作为默认 librio 侧边栏的一部分出现。当我将

内容移到

之外时，第二个侧边栏内容出现在页面。您需要修改 CSS 才能将其移动到其他位置。