如何将版权放置在页脚菜单旁边?

时间:2016-10-14 作者:user6738171

如何在页脚菜单(辅助页脚)旁边放置版权?我希望它看起来像。。。

©2016 sitename |次要页脚

这是我正在使用的html

<p id="copyright">&copy; <?php echo date(\'Y\');?> <?php bloginfo(\'name\'); ?> | <?wp_nav_menu( array( \'theme_location\' => \'new-menu\', \'container_class\' => \'secondary-footer\' ) ); ?></p>
这是我的整个页脚。php

<footer class="site-footer">
    <!-- footer-widgets -->
<div class="footer-widgets clearfix">
<?php if (is_active_sidebar(\'footer1\')) : ?>
<div class="footer-widget-area">
<?php dynamic_sidebar(\'footer1\'); ?>
</div>

<?php endif; ?>
<?php if (is_active_sidebar(\'footer2\')) : ?>
<div class="footer-widget-area">
<?php dynamic_sidebar(\'footer2\'); ?>
</div>

<?php endif; ?>

<?php if (is_active_sidebar(\'footer3\')) : ?>
<div class="footer-widget-area">
<?php dynamic_sidebar(\'footer3\'); ?>
</div>

<?php endif; ?>
<?php if (is_active_sidebar(\'footer4\')) : ?>
<div class="footer-widget-area">
<?php dynamic_sidebar(\'footer4\'); ?>
</div>

<?php endif; ?>
</div><!-- /footer-widgets -->
         <nav class="site-nav">
                <?php 

             $args = array(
                \'theme_location\' => \'footer\'
             );

              ?>

             <?php wp_nav_menu( $args ); ?>

            </nav>
<p id="copyright">&copy; <?php echo date(\'Y\');?> <?php bloginfo(\'name\'); ?> | <?wp_nav_menu( array( \'theme_location\' => \'new-menu\', \'container_class\' => \'secondary-footer\' ) ); ?></p>

</footer>

</div><!-- container -->

<?php wp_footer(); ?>
</body>
</html>

1 个回复
最合适的回答,由SO网友:Rishabh 整理而成

您可以通过将它们封装在div中来实现这一点,如下面的代码行所示

<p id="copyright">&copy; <?php echo date(\'Y\');?> <?php bloginfo(\'name\'); ?> | <?wp_nav_menu( array( \'theme_location\' => \'new-menu\', \'container_class\' => \'secondary-footer\' ) ); ?></p>
将上面的代码括在div中,如下所示

<div style="float:left;width:50%;"><p id="copyright">&copy; <?php echo date(\'Y\');?> <?php bloginfo(\'name\'); ?> | </div>
<div style="float:left;width:50%;"><?wp_nav_menu( array( \'theme_location\' => \'new-menu\', \'container_class\' => \'secondary-footer\' ) ); ?></p></div>
Note: 你必须调整你的Paragraph tag (with id="copyright") 在这些分区之间。

UPDATE

您可以借助padding 属性,如果要移动div 到右侧,然后使用padding-left:5%;. 例如:

<div style="float:left;width:50%;padding-left:5%;">
如果要将div的文本移到左侧,请使用padding-right:5%;. 例如:

<div style="float:left;width:50%;padding-right:5%;">
Padding属性用于将div(而不是div本身)的内容/文本移动到任何方向(左、右、上、下)。

Note: 您需要根据需要指定填充的值(对于演示,我给出了5%)。因此,请更改值。而且不要忘记为这些div创建类,因为如果在类中使用这些css属性而不是Style 内部分区。

作为替代,您还可以减小div的宽度,使其更接近。