繁体   English   中英

尝试使用Wordpress设置小部件侧栏

[英]Trying to setup widget sidebar with wordpress

/**
 * 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中 ,在创建窗口小部件时,它也做过此事,它在网页上显示为空白。

在此处输入图片说明 在上面显示的图像上,我在应该放置小部件的位置周围放置了一个框,同时我还将包括用于div和h2类的CSS。

#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

我认为您的问题是您实际上并未调用所创建的侧边栏。 您正在使用ID为sidebar-1来调用边sidebar-1 ,但是创建了一个名为home_right_1 sidebar-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>

应该管用。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM