用自定义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-尝试将链接添加到定位标记并检查其是否有效。 2-检查是否有HTML元素与定位标记重叠。 使用Firebug或任何其他开发人员工具检查元素是否重叠。 3-检查是否有一个Javascript事件，一旦单击锚点，该事件就会被调用。 使用Java调试器（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应用cursor:none因此看起来好像无法单击它，但是可以单击。 尝试用实际链接替换＃个链接。

另外， <a href="#">About us</a>周围需要使用li标签，但我怀疑这是问题所在。