我正在尝试在我的子主题(目前为本地主机,没有共享链接)中编辑我的 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 __('© ', '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 和站点生成器保留在我创建的新行下的新行中?现在他们正在向右延伸。或者有更好的方法吗?
最佳答案
在你的css文件中你需要添加
div.footer-wfix {
clear:left;
}
应该可以解决问题。
关于html - 如何在版权页脚内连续创建 3 个部分 (wordpress),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27759044/