1

在 WordPress 中,有一个默认的存档小部件,它显示一个带有每月存档列表的表单选择并on change执行:

document.location.href=this.options[this.selectedIndex].value;

我需要相同的功能,但样式类似于 Bootstrap 下拉菜单

<div class="btn-group dropdown">
    <button class="btn btn-link">Dropdown Button</button>
    <button class="btn dropdown-toggle btn-large" data-toggle="dropdown"><span class="caret"></span></button>

    <ul class="dropdown-menu">
        <li><a href="">Link</a></li>
        <li><a href="">Link</a></li>
        <li><a href="">Link</a></li>
    </ul>
</div>

我怎样才能做到这一点?

是否有任何类可以添加到选择中,以便获得 Bootstrap 下拉样式以及相同的功能?

4

2 回答 2

1

无法修改该小部件的输出。您必须复制整个内容WP_Widgets_Archives并创建自己的小部件。

请参阅Widgets_API和这篇旧但仍然有效的文章:在 WordPress 2.8 中创建小部件的完整指南

您必须将代码放在此块中:

if ( $d ) {
    ?>      
        <div class="btn-group dropdown">
            <button class="btn btn-link">Dropdown Button</button>
            <button class="btn dropdown-toggle btn-large" data-toggle="dropdown"><span class="caret"></span></button>
            <ul class="dropdown-menu" role="menu">
                <?php wp_get_archives( array('type' => 'monthly', 'format' => 'html', 'show_post_count' => $c)); ?>
            </ul>
        </div>
    <?php
} 

注意 的格式htmlwp_get_archives这会产生一个<li>列表。

于 2013-09-21T18:33:51.783 回答
0

如果您使用的是 SASS

@import "~bootstrap/scss/bootstrap";

.widget_archive select {
  @extend .form-control;
}
于 2021-07-08T18:14:59.537 回答