Question

Woocommerce，Wootique主题，货币小工具。

正如我想要的那样，将货币转换器插件和我的登录/注册链接放在我标识右侧标题的右上角，如下所示：

登录/注册| CURRENCY BOX | （在同一行）

货币转换器是一个小部件，标题不是一个小部件区域，所以我将这段代码添加到我的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>
'
)
);

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

<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">

我觉得这个代码开头是完全错误的，但是我想要做的就是将它移动到我标识右边的标题中，就像我说的那样http://imgur.com/uotLUDd这里是css到目前为止，我似乎没有做太多的事情：

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

这是网站......

http://www.casper-creations.com

对此有任何帮助将非常感激，因为我相信你可以告诉我，我只是一个初学者......

编辑：

我删除了小部件区域的东西，因为只是插入了一个短代码，但由于某些原因，而不是在div中的所有内容都无法使用，您无法单击链接或打开下拉列表？

<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;
}

我已经尝试将它放入标题div并从标题div中删除，没有变化？

Answer 1

如果您希望#topwidget向右浮动，请删除：

width: 980px;

这使得它跨越全部或大部分屏幕，因此内容不会像您想要的那样在右侧。如果你关闭宽度，＃topwidget将只有组合内容的宽度。

在标题Wordpress中登录/注册和货币小工具

1 个答案: