WordPress添加左右分栏文本页脚：版权文本不显示排查

开发者阿泽

2026-5-28

嘿，我帮你定位到了问题根源，主要是HTML结构和样式设置的问题，咱们一步步来修复：

1. 先修正错误的HTML嵌套结构

你把RightSide容器放在了LeftSide里面，这会让它变成左侧区域的子元素，而不是和左侧并列的右侧容器——这大概率是版权文本看不到的核心原因。

把结构改成这样，让两个容器同级：

<div class="MainDiv"> 
 <div class="MainBottom footer"> 
  <div class="MainFooter container"> 
   <!-- LeftSide 和 RightSide 现在是同级啦 -->
   <div class="LeftSide "> 
    <a target="_blank" href="https://www.myurl.html">Privacy Policy</a> 
    <a target="_blank" href="https://www.myurl.html">Terms and Conditions</a> 
   </div>
   <div class="RightSide"> 
    Copyright © 2018 My Company. 
    <span>All rights reserved.</span> 
   </div> 
   <div class="BottomFix"></div> 
  </div> 
 </div>
</div>

另外注意：你原来的代码里最外层的MainDiv和MainBottom都没闭合，记得补上</div>，不然整个footer区域的布局都会乱套。

2. 添加CSS让左右容器正确排列

TwentyFourteen主题的默认样式不会自动识别你自定义的LeftSide和RightSide类，所以得加一点CSS来让它们左右分开：

把这段代码加到主题的自定义CSS里（路径：外观 → 自定义 → 额外CSS），或者直接写到footer.php的<style>标签里：

.MainFooter .LeftSide {
  float: left;
  margin-right: 20px; /* 给左右两边留点间距，看着更舒服 */
}

.MainFooter .RightSide {
  float: right;
}

/* 清除浮动，避免footer高度塌陷 */
.MainFooter .BottomFix {
  clear: both;
  height: 0;
  overflow: hidden;
}