首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在WordPress中添加侧栏

在WordPress中添加侧栏
EN

Stack Overflow用户
提问于 2013-11-12 06:04:12
回答 1查看 1.3K关注 0票数 0

我试图在我的WordPress网站这里上添加两个新的侧边栏,一个在左边,另一个在右边,然后主要内容将在中间。使布局成为三列。

我正在使用准备!成为主题,准备好了!电子商务插件,我也做了孩子,我做了大部分的改变.

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

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

代码语言:javascript
复制
<?php get_sidebar('left'); ?> 
<?php get_sidebar('right'); ?>

然后,我继续创建两个sidebar.php文件,即

sidebar-left.php,它有以下代码

代码语言:javascript
复制
<?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

代码语言:javascript
复制
<?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

代码语言:javascript
复制
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>',
        ) );
EN

回答 1

Stack Overflow用户

发布于 2013-11-12 06:20:35

尝尝这个

代码语言:javascript
复制
<?php if(function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar-6')) : ?>

<?php endif; ?>

更新:

代码语言:javascript
复制
<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 ?>
代码语言:javascript
复制
                     #content {float: left;}       

请在侧栏中尝试上面的代码,并从外观>小部件中检查。将文本小部件拖到侧栏中,编写一些演示文本并进行检查。让我知道你的最新消息。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19922064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档