尝试使用wordpress设置小部件侧边栏

Question

/**
 * Register our sidebars and widgetized areas.
 *
 */
function arphabet_widgets_init() {

register_sidebar( array(
    'name' => 'Home right sidebar',
    'id' => 'home_right_1',
    'before_widget' => '<div id="index_right">',
    'after_widget' => '</div>',
    'before_title' => '<h2 class="small_title">',
    'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'arphabet_widgets_init' );

好吧我一直在看WordPress的wiki，它说要把它放在 functions.php 文件夹中，我已经做到了。

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
<div id="index_right" class="primary-sidebar widget-area" role="complementary">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</div><!-- #primary-sidebar -->
<?php endif; ?>
</div>

然后它说要将此文件包含在 sidebar.php 中，我在创建窗口小部件时也会这样做，它在网页上显示为空白区域。

在上面显示的图像中，我已经在放置小部件的位置放置了一个框，我还将包含我的CSS以及包含的h2类。

#index_right { 
width: 232px;
margin-left: 10px; 
float: left; }

.small_title { 
width: 222px;
height: 33px; 
padding-left: 10px; 
line-height: 36px; 
vertical-align: middle; 
background-image: url('images/bg_title.jpg'); 
background-position: left; text-align: left;
}

我的sidebar.php文件中的内容可以在这里找到。 - http://pastebin.com/gnVsh6MG

Answer 1

我认为你的问题是你实际上并没有打电话给你创建的侧栏。您正在调用标识为sidebar-1的侧边栏，但您创建了一个名为home_right_1的边栏。如此改变：

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
<div id="index_right" class="primary-sidebar widget-area" role="complementary">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</div><!-- #primary-sidebar -->
<?php endif; ?>
</div>

到

<?php if ( is_active_sidebar( 'home_right_1' ) ) : ?>
<div id="index_right" class="primary-sidebar widget-area" role="complementary">
<?php dynamic_sidebar( 'home_right_1' ); ?>
</div><!-- #primary-sidebar -->
<?php endif; ?>
</div>

应该有用。