如何在版权页脚内连续创建 3 个部分 (wordpress)

Question

我正在尝试以一种不会丢失 "powered by ..." 的方式在我的子主题（目前为本地主机，没有 link 共享）中编辑我的 footer.php文本。主题作者（和 wordpress 也是）肯定值得在那里引用他们所做的伟大工作。

我想在模板随附的 "footer-menu" 和 "site-generator" 上方添加一行，包含 3 个部分，内联。你能指出html结构，或者css，is/are哪里不对吗？这是我添加到我的儿童主题 footer.php 和 style.css:

中的内容

<footer id="colophon" role="contentinfo">
    <div class="footer-wrap">

<!-- New inserted code STARTS HERE -->

<div class="engage-row">
    <div class="col-1">
        <img src="http://localhost/apoise/wp-content/themes/virality-child/images/footer/campaigntest.jpg">
        </div>
        <div class="col-2">
            <img src="http://localhost/apoise/wp-content/themes/virality-child/images/footer/about-engage.jpg">
        </div>
        <div class="col-3">
            <!-- Will add a subscription form here -->
        </div>
    </div>

<!-- Newly inserted code ENDED HERE -->

<div class="footer-wfix">

<?php virality_footer_nav(); ?>

<div id="site-generator">
    <?php echo __('© ', 'virality') . esc_attr( get_bloginfo( 'name', 'display' ) );  ?>
   <?php if ( is_front_page() && ! is_paged() ) : ?>
   <?php _e('- Powered by ', 'virality'); ?><a href="<?php echo esc_url( __( 'http://wordpress.org/', 'virality' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'virality' ); ?>"><?php `enter code here`_e('WordPress' ,'virality'); ?></a>
   <?php _e(' and ', 'virality'); ?><a href="<?php echo esc_url( __( 'http://wpdevshed.com/', 'virality' ) ); ?>"><?php _e('WP Dev Shed', 'virality'); ?></a>
    <?php endif; ?>
</div>

</div>

在style.css中我添加了：

.col-1{
    display: inline;
    float: left;
}
.col-2{
    display: inline;
    float: left;
}
.col-3{
    display: inline;
    float: left;
}

如何将 footer_nav 和站点生成器保留在我创建的新行下的新行中？现在他们正在向右延伸。或者有更好的方法吗？

Answer 1

在您的 css 文件中，您需要添加

div.footer-wfix {
   clear:left;
}

应该可以解决问题。

如何在版权页脚内连续创建 3 个部分 (wordpress)

How to create a 3 section's in a row inside the colophon footer (wordpress)

html

css

wordpress

footer