【问题标题】:How to put a Wordpress widget inside a bootstrap navbar?如何将 Wordpress 小部件放在引导导航栏中?
【发布时间】:2015-06-26 00:55:52
【问题描述】:

我正在使用 Bootstrap 制作我的第一个 WordPress 主题。现在我想在导航栏的最右侧创建一个小部件区域,这样我就可以添加 ie。语言选择器。我尝试使用以下代码,但我的网站上或我的源代码中没有出现任何小部件应该位于的位置。有什么想法吗?

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <div class="row">
            <div class="span8">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </a>
                <a class="brand" href="<?php echo site_url(); ?>"><?php bloginfo('name'); ?></a>
                <div class="nav-collapse collapse">
                  <ul class="nav">

                      <?php wp_list_pages(array('title_li' => '', 'exclude' => 4)); ?>

                  </ul>
                </div><!--/.nav-collapse -->
            </div>
            <div class="span4 navbar-right">
                <?php dynamic_sidebar( 'right-top' ); ?></div>
            </div>
        </div>
        </div>
    </div>
  </div>

在functions.php中注册侧边栏的代码

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name'          => 'Right top',
        'id'            => 'right-top',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<h3>',
        'after_title' => '</h3>',
    ));

【问题讨论】:

  • 能否在functions.php中显示注册侧边栏的代码
  • @RahulS 现在更新问题。

标签: wordpress twitter-bootstrap


【解决方案1】:

当您调用 register_sidebar 时,您使用名称 Right top 和 ID hoyre-top,然后使用名称/id right-top 而不是该侧边栏的 ID 调用 dynamic_sidebar

试试

        <div class="span4 navbar-right">
            <?php dynamic_sidebar( 'hoyre-top' ); ?></div>
        </div>

或者将register_sidebar中侧边栏的id从hoyre-top改为right-top

【讨论】:

  • 不敢相信我忽略了这一点。很抱歉打扰,感谢您的帮助。需要从编码中休息更长的时间。
  • @janlindso 哈哈,我知道这是怎么回事 - 经过数小时的编码后很容易忽略简单的东西。
猜你喜欢
  • 1970-01-01
  • 2016-11-05
  • 1970-01-01
  • 1970-01-01
  • 2017-03-30
  • 1970-01-01
  • 2013-10-06
  • 2019-03-27
  • 1970-01-01
相关资源
最近更新 更多