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

Question

我正在尝试在我的子主题(目前为本地主机，没有共享链接)中编辑我的 footer.php，这样我就不会丢失“由...提供支持” “文本。主题作者(还有 wordpress)当然值得在那里引用他们所做的伟大工作。

我想在模板随附的“页脚菜单”和“网站生成器”上方添加一行，包含 3 个部分，内嵌。您能指出 html 结构或 css 哪里不正确吗？这是我添加到我的子主题 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 __('&copy; ', '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;
}

应该可以解决问题。