Login/Register 和 Header Wordpress 中的货币小部件

Question

Woocommerce、Wootique 主题、货币小部件。

我想要做的就是在我的徽标右侧 header 的右上角安装货币转换器插件和我的 Login/Register link像这样：

Login/Register |货币盒| （在同一行）

货币转换器是一个小部件，而 header 不是一个小部件区域，所以我将这段代码添加到我的 functions.php 中以尝试创建一个小部件区域：

/*Extra sidebar*/

register_sidebars( 1,
array(
'name' => 'widgetized-page-top',
'before_widget' => '
<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>
',
'before_title' => '
<h2 class="widgettitle">',
'after_title' => '</h2>
'
)
);

然后，我尝试将此代码添加到我的 header 中，但它没有右对齐...

<div class="header">

  <div id="topwidget">
    <b><a href="http://casper-creations.com/my-account/" class="footlinks">Login/Register</a>
  
   <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("widgetized-page-top") ) : ?>
   <?php endif; ?>
 </div>
     
 <div id="logo">

我觉得这段代码一开始就完全错误，但我想做的是将它移到 header 对齐到我的徽标右侧，就像我说的那样 http://imgur.com/uotLUDd 这是 css 到目前为止我似乎也没有做太多事情：

#topwidget {
  float: right;
  width: 980px;
  overflow: hidden;
}

这是网站...

http://www.casper-creations.com

如能提供任何帮助，我们将不胜感激，因为我相信您可以看出我只是一个初学者...

编辑：

我删除了小部件区域的东西，因为只是插入了一个短代码，但是由于某种原因，div 中的所有内容都不起作用，您无法单击 link 或打开下拉菜单？

<div id="wrapper">

  <?php if ( function_exists( 'has_nav_menu') && has_nav_menu( 'top-menu' ) ) { ?>

  <div id="top">
    <div class="col-full">

      <?php wp_nav_menu( array( 'depth'=>6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'top-nav', 'menu_class' => 'nav fl', 'theme_location' => 'top-menu' ) ); ?>
    </div>
  </div>
  <!-- /#top -->

  <div id="logincur">
    <a href="http://casper-creations.com/my-account/"><b>Login/Register</b></a>
    <?php echo do_shortcode( '[woocs]' );?>
  </div>


  <?php } ?>

  <div class="header">

#logincur {
  float: right;
  margin-right: 15%;
  overflow: hidden;
}

我试过把它放入 header div 和 header div 之外，没有变化吗？

Answer 1

如果你想让#topwidget向右浮动，移除：

width: 980px;

这会使其横跨整个或大部分屏幕，因此内容不会像您希望的那样位于右侧。如果您关闭宽度，#topwidget 将只具有组合内容的宽度。

Login/Register 和 Header Wordpress 中的货币小部件

Login/Register and Currency Widget in Header Wordpress

php

css

wordpress

header

widget