在WordPress中添加侧边栏

时间:2013-11-12 06:04:12

标签: php css wordpress sidebar

我正在尝试在我的WordPress网站here上添加两个新侧边栏,一个位于左侧,另一个位于右侧,主要内容将位于中间位置。使布局成为三列。

我正在使用准备好了! 准备就绪主题电子商务插件,我也把孩子放在了我做大部分改动的地方。

问题是侧边栏没有出现在网站上。在外观菜单下查看窗口小部件区域时,即使在注册后,我添加的窗口小部件区域也不会出现。

这是我在 front-page.php 上插入的代码:

<?php get_sidebar('left'); ?> 
<?php get_sidebar('right'); ?>

然后我开始创建两个sidebar.php文件,即

sidebar-left.php ,其代码如下

<?php
/**
 * The Sidebar containing the main widget areas.
 *
 * @package Ready_ecommerce
 * @since Ready_ecommerce 0.1
 */
?>
<div id="secondary" class="widget-area sidebar" role="complementary">
        <?php do_action( 'before_sidebar' ); ?>
        <?php if ( ! dynamic_sidebar( 'sidebar-6' ) ) : ?>
                <aside id="search" class="widget widget_search">
                        <?php get_search_form(); ?>
                </aside>
                <aside id="archives" class="widget">
                        <h1 class="widget-title"><?php _e( 'Archives', 'ready_ecommerce' ); ?></h1>
                        <ul>
                                <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
                        </ul>
                </aside>
                <aside id="meta" class="widget">
                        <h1 class="widget-title"><?php _e( 'Meta', 'ready_ecommerce' ); ?></h1>
                        <ul>
                                <?php wp_register(); ?>
                                <aside><?php wp_loginout(); ?></aside>
                                <?php wp_meta(); ?>
                        </ul>
                </aside>
        <?php endif; // end sidebar widget area ?>
</div><!-- #secondary .widget-area -->
<style type="text/css">
    #content {
        float: left;

    }
</style>

sidebar-right.php ,代码为:

<?php
/**
 * The Sidebar containing the main widget areas.
 *
 * @package Ready_ecommerce
 * @since Ready_ecommerce 0.1
 */
?>
<div id="secondary-2" class="widget-area sidebar" role="complementary">
        <?php do_action( 'before_sidebar' ); ?>
        <?php if ( ! dynamic_sidebar( 'sidebar-5' ) ) : ?>
                <aside id="search" class="widget widget_search">
                        <?php get_search_form(); ?>
                </aside>
                <aside id="archives" class="widget">
                        <h1 class="widget-title"><?php _e( 'Archives', 'ready_ecommerce' ); ?></h1>
                        <ul>
                                <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
                        </ul>
                </aside>
                <aside id="meta" class="widget">
                        <h1 class="widget-title"><?php _e( 'Meta', 'ready_ecommerce' ); ?></h1>
                        <ul>
                                <?php wp_register(); ?>
                                <aside><?php wp_loginout(); ?></aside>
                                <?php wp_meta(); ?>
                        </ul>
                </aside>
        <?php endif; // end sidebar widget area ?>
</div><!-- #secondary .widget-area -->
<style type="text/css">
    #content {
        float: right;
        width: 759px;
    }
</style>

最后,将以下行添加到 functions.php

register_sidebar( array(
            'name' => __( 'Content Pages Right', 'ready_ecommerce' ),
            'id' => 'sidebar-5',
            'description' => __( 'Right sidebar area for content pages only. Not availabe at products or catalogue pages', 'ready_ecommerce' ),
            'before_widget' => '<aside id="%1$s" class="widget %2$s">',
            'after_widget' => "</aside>",
            'before_title' => '<h2 class="widget-title">',
            'after_title' => '</h2>',
        ) );
    register_sidebar( array(
            'name' => __( 'Content Pages Left', 'ready_ecommerce' ),
            'id' => 'sidebar-6',
            'description' => __( 'Left sidebar area for content pages only. Not availabe at products or catalogue pages', 'ready_ecommerce' ),
            'before_widget' => '<aside id="%1$s" class="widget %2$s">',
            'after_widget' => "</aside>",
            'before_title' => '<h2 class="widget-title">',
            'after_title' => '</h2>',
        ) );

1 个答案:

答案 0 :(得分:0)

试试这个

<?php if(function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar-6')) : ?>

<?php endif; ?>

<强>更新

<div id="secondary" class="widget-area sidebar" role="complementary">
<?php do_action( 'before_sidebar' ); ?>
<?php if(function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar-6')) : ?>
<aside id="search" class="widget widget_search">
    <?php get_search_form(); ?>
</aside>
<aside id="archives" class="widget">
    <h1 class="widget-title"><?php _e( 'Archives', 'ready_ecommerce' ); ?></h1>
    <ul>
        <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
    </ul>
</aside>
<aside id="meta" class="widget">
    <h1 class="widget-title"><?php _e( 'Meta', 'ready_ecommerce' ); ?></h1>
    <ul>
        <?php wp_register(); ?>
        <aside><?php wp_loginout(); ?></aside>
        <?php wp_meta(); ?>
    </ul>
</aside>
<?php endif; // end sidebar widget area ?>

                        #content {float:left;}       

请尝试使用sidebar-left.php中的上述代码,并从Appearance&gt;中进行检查。小部件。将文本小部件拖到侧栏并编写一些演示文本并进行检查。让我知道您的更新。