用自定義html替換wordpress頁腳

Question

我是新來的wordpress，我想用純html代碼替換頁腳。 我的意思是，我直到想要由wp生成的「容器」，但在裏面我想使用純html代碼。 我試圖將"partials/footer-layout.php"的內容更改爲此代碼，並且我能夠看到代碼，但不能單擊鏈接...

有什麼想法？

<?php 
/** 
* @package Make 
*/ 

// Footer Options 
$footer_layout = (int) get_theme_mod('footer-layout', ttfmake_get_default('footer-layout')); 
?> 

<footer id="site-footer" class="site-footer footer-layout-<?php echo esc_attr($footer_layout); ?>" role="contentinfo"> 
    <div class="footer-text"> 
    <!-- CUSTOM FOOTER CODE STARTS HERE --> 
     <div class="footer-custom-container"> 
     <div class="footer-column-one"> 
     <h6>Title</h6> 
     <ul> 
     <a href="#">About us</a> 
     <li><a href="#">Contact us</a></li> 
     <li><a href="#">&nbsp;</a></li> 
     <li><a href="#">Careers</a></li> 
     </ul> 
     </div> 
     <div class="footer-column-two"> 
     <h6>first column</h6> 
     <ul> 
     <li><a href="#">Support</a></li> 
     <li><a href="#">FAQ</a></li> 
     <li><a href="#">User guides</a></li> 
     <li><a href="#">Download app</a></li> 
     </ul></div> 
     <div class="footer-column-three"> 
     <h6>Social & media</h6> 
     <ul> 
     <li><a href="#">Facebook</a></li> 
     <li><a href="#">Twitter</a></li> 
     <li><a href="#">&nbsp;</a></li> 
     <li><a href="#">Press</a></li> 
     </ul></div> 
     <div class="footer-column-four"> 
     <h6>&nbsp;</h6> 
     <ul> 
     <li><a href="#">&nbsp;</a></li> 
     </ul></div> 
     <div class="footer-column-five"> 
     <h6>Title</h6> 
     <ul> 
     <li><a href="#">For business</a></li> 
     <li><a href="#">For installers</a></li> 
     <li><a href="#">Terms & conditions</a></li> 
     <li><a href="#">Privacy policy</a></li> 
     </ul></div> 
     <div class="footer-column-six"> 
     <h6>first column</h6> 
     <ul> 
     <li><a href="#">Store</a></li> 
     <li><a href="#">Login</a></li> 
     </ul></div> 
     </div> 

     <!-- CUSTOM FOOTER CODE ENDS HERE --> 
</div> 

</footer> 

Answer 1

您的HTML代碼不符合XHTML標準。缺少<li>...</li>。

一些可能的解決方案： 1-嘗試添加鏈接到錨標記並檢查它是否工作。 - 檢查是否存在與錨標籤重疊的HTML元素。使用螢火蟲或任何其他開發人員工具來檢查是否有重疊的元素。 3-檢查一下您點擊錨時是否有Javascript事件被調用。使用Javascript調試器（Firebug等）。

下面是更新後的代碼：

<?php 
/** 
* @package Make 
*/ 

// Footer Options 
$footer_layout = (int) get_theme_mod('footer-layout', ttfmake_get_default('footer-layout')); 
?> 

<footer id="site-footer" class="site-footer footer-layout-<?php echo esc_attr($footer_layout); ?>" role="contentinfo"> 
    <div class="footer-text"> 
    <!-- CUSTOM FOOTER CODE STARTS HERE --> 
     <div class="footer-custom-container"> 
      <div class="footer-column-one"> 
       <h6>Title</h6> 
       <ul> 
        <li><a href="#">About us</a></li> 
        <li><a href="#">Contact us</a></li> 
        <li><a href="#">&nbsp;</a></li> 
        <li><a href="#">Careers</a></li> 
       </ul> 
      </div> 
      <div class="footer-column-two"> 
       <h6>first column</h6> 
       <ul> 
        <li><a href="#">Support</a></li> 
        <li><a href="#">FAQ</a></li> 
        <li><a href="#">User guides</a></li> 
        <li><a href="#">Download app</a></li> 
       </ul> 
      </div> 
      <div class="footer-column-three"> 
       <h6>Social & media</h6> 
       <ul> 
        <li><a href="#">Facebook</a></li> 
        <li><a href="#">Twitter</a></li> 
        <li><a href="#">&nbsp;</a></li> 
        <li><a href="#">Press</a></li> 
       </ul> 
      </div> 
      <div class="footer-column-four"> 
       <h6>&nbsp;</h6> 
       <ul> 
        <li><a href="#">&nbsp;</a></li> 
       </ul> 
      </div> 
      <div class="footer-column-five"> 
       <h6>Title</h6> 
       <ul> 
        <li><a href="#">For business</a></li> 
        <li><a href="#">For installers</a></li> 
        <li><a href="#">Terms & conditions</a></li> 
        <li><a href="#">Privacy policy</a></li> 
       </ul> 
      </div> 
      <div class="footer-column-six"> 
       <h6>first column</h6> 
       <ul> 
        <li><a href="#">Store</a></li> 
        <li><a href="#">Login</a></li> 
       </ul> 
      </div> 
     </div> 
     <!-- CUSTOM FOOTER CODE ENDS HERE --> 
    </div> 
</footer> 

Answer 2

通常，當您無法單擊鏈接時，圖層位於其上方。

使用代碼檢查器，如Firebug，並查看該區域上方是否有「不可見層」。

還有一種可能性，即css已應用cursor:none，因此它看起來不像您可以單擊它，但它可以。嘗試用真實鏈接替換你的＃鏈接。

另外，<a href="#">About us</a>需要li標籤，但我懷疑這是問題。