Question

当我把它放在时，boostrap已经超出了我的主题风格。问题是我必须这样，因为小部件甚至出现在主页上。那么如何在wordpress中专门为一个小部件使用bootstrap？

我想到了一种方式，但它非常有趣，这对我的主题文件来说很重要，但那里有很多课程。

Answer 1

注册侧栏时，您可以适当地将小组应用于小部件。

示例：

    <?php $args = array(
    'name'          => __( 'Sidebar name', 'theme_text_domain' ),
    'id'            => 'unique-sidebar-id',
    'description'   => '',
        'class'         => '',
    'before_widget' => '<div id="%1$s" class="widget %2$s col-sm-4">',
    'after_widget'  => '</div>',
    'before_title'  => '<h2 class="widgettitle">',
    'after_title'   => '</h2>' ); ?>

从这个例子中可以看出，col-sm-4类已经应用于这个小部件。您需要更新相应注册侧边栏的功能，但应用这样的Bootstrap实用程序可以提供更大的灵活性（例如，可以使用一个侧边栏和三个小部件轻松完成具有三个垂直列的页脚区域，因为它们将填充12列空间。）

或者，您可以使用Bootstrap实用程序包装侧栏，以便所有窗口小部件都显示在内部。例如：

<div class="container">
   <div class="row">
    <div class="col-sm-8">
      <?php the_title(); ?>
      <?php the_content(); ?>
    </div>
    <div class="col-sm-4">
      <?php dynamic_sidebar( 'unique-sidebar-id' ); ?>
    </div>
   </div>
</div>

专门针对wordpress中的小部件的bootstrap

1 个答案: