Question

如何将bootstrap底部部分集成到wordpress主题中。当我使用小部件时，它没有正确显示，因为它有一些未包含在小部件中的样式。我的意思是我实施这样的，并没有正确显示。下面是静态html。

<section id="bottom">
    <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="widget">
                    <h3>Company</h3>
                    <ul>
                        <li><a href="#">About us</a></li>
                        <li><a href="#">We are hiring</a></li>
                        <li><a href="#">Meet the team</a></li>
                        <li><a href="#">Copyright</a></li>
                        <li><a href="#">Terms of use</a></li>
                        <li><a href="#">Privacy policy</a></li>
                        <li><a href="#">Contact us</a></li>
                    </ul>
                </div>    
            </div><!--/.col-md-3-->
        </div>
    </div>
</section><!--/#bottom-->

，这是在function.php中

if ( function_exists('register_sidebar') )
register_sidebar(array(
    'name' => 'bottom',
    'before_widget' => '<h3>',
    'after_widget' => '</h3>',
    'before_title' => '<ul>',
    'after_title' => '</ul>',
));
?>

最后这里是我的页面。

<?php
<section id="bottom">
    <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="widget">
                    <?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('bottom')) : ?><?php endif; ?>
                </div>    
            </div><!--/.col-md-3-->
        </div>
    </div>
</section><!--/#bottom-->
?>

Answer 1

好吧，让我们看看它是如何工作的：

注册侧栏

要在WordPress上注册新的侧边栏，建议为该侧边栏添加ID。

如果未设置id参数值，则会获得E_USER_NOTICE 调试模式下的消息，从版本4.2开始。

有关此链接的更多详细信息： Function Reference/register sidebar

同时，我们将使用该ID拨打我们注册的侧边栏。这里我举了一个例子。

// Register Sidebars
function custom_sidebars() {

    $args = array(
        'id'            => 'bottom',
        'name'          => __( 'Bottom Sidebar', 'text_domain' ),
        'description'   => __( 'My bottom sidebar', 'text_domain' ),
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget'  => '</li>',
        'before_title'  => '<h2 class="widgettitle">',
        'after_title'   => '</h2>',
    );
    register_sidebar( $args );

}
add_action( 'widgets_init', 'custom_sidebars' );

通常插入活动主题的functions.php文件中。如果需要，您可以使用主题设计自定义标题和列出HTML标记。

如何调用侧栏

然后，当我们想要调用它时，在你认为文件是footer.php的情况下，我们最好在if语句中进行，如下所示：

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

在您的模板中，它应如下所示：

<section id="bottom">
    <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <?php if ( is_active_sidebar( 'bottom' ) ) : ?>
                    <div class="widget">
                        <?php dynamic_sidebar( 'bottom' ); ?>
                    </div>
                <?php endif; ?>
            </div><!--/.col-md-3-->
        </div>
    </div>
</section><!--/#bottom-->

我们可以通过ID或姓名，甚至是号码来调用侧栏。

我希望这可以帮助您理解和解决您的情况。

如何将bootstrap模板集成到wordpress

1 个答案:

注册侧栏

如何调用侧栏